Фоновое изображение React Native не отображается на реальном устройствеIOS

Программируем под IOS
Ответить Пред. темаСлед. тема
Anonymous
 Фоновое изображение React Native не отображается на реальном устройстве

Сообщение Anonymous »

У меня есть проект на React Native CLI. Существует экран входа в систему, содержащий фоновое изображение. Он работает в симуляторе как Xcode или Android Studio, но на реальном устройстве фоновое изображение не отображается. Как это можно исправить? Изображение должно быть локальным, а не URL

Код: Выделить всё

import { StyleSheet, View, TouchableOpacity, ImageBackground } from 'react-native';
import { Text } from 'react-native-paper';
import { useNavigation } from '@react-navigation/native';
import { FormProvider, useForm } from 'react-hook-form';
import { loginValidateSchema } from '@utils/validation';
import { LoginSection } from './components/LoginSection';
import { zodResolver } from '@hookform/resolvers/zod';
import { useUserManagementApi } from '@service/UserManagementApi';
import { Button } from '@components/Button';
import { theme } from '@theme/theme';
import { Loading } from '@screens/loading/Loading';
import { ScreenNames } from '@router/CustomStack';

export type AuthenticationCredentials = {
email: string;
password: string;
};

const LoginForm = () => {
const methods = useForm({
resolver: zodResolver(loginValidateSchema),
});

const navigation = useNavigation();

const { loginUser } = useUserManagementApi();

const handleSubmitCredentials = methods.handleSubmit((values: AuthenticationCredentials) => {
loginUser.mutateAsync({ email: values.email, password: values.password });
});

return (






{loginUser.isPending ? (

) : (



Log in

 navigation.navigate(ScreenNames.Registration)}>
Go to Registration



)}

);
};

const styles = StyleSheet.create({
buttonContainer: {
marginTop: 24,
marginHorizontal: 50,
gap: 10,
},
registration: {
textAlign: 'center',
color: theme.criticalColor.color,
marginTop: 10,
},
container: {
marginTop: 50,
marginHorizontal: 30,
gap: 10,
},
background: {
flex: 1,
width: "100%",
height:"100%"
},
});

export { LoginForm };

Я пробовал предварительно загрузить изображение асинхронно, объявил изображение как переменную, но это не помогло

Подробнее здесь: https://stackoverflow.com/questions/782 ... ual-device
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «IOS»