У меня проблема с изображением, которое отображается в приложении.В результатах поиска я чаще всего вижу решение, которое заключается в том, что высота и ширина были обязательными и отсутствовали, но я уже реализовал без результатов.
Я просматривал маршруты несколько раз и не вижу никакихпроблемы с этой целью.
Наконец, я подумал, что это может быть связано с изображением.Я изменил размер, и он работал с тегом <Image />
.Однако мне нужно, чтобы это было фоновое изображение.
Текущий код
import React from 'react'
import { View, Text, StyleSheet, ImageBackground } from 'react-native';
import { MaterialCommunityIcons } from '@expo/vector-icons'
export default function TitleScreen () {
return (
<View>
<ImageBackground
source={require('../assets/images/title_background.png')}
style={styles.backgroundImage}
imageStyle={{resizeMode: 'cover'}}
>
<Text>testing</Text>
{/* <MaterialCommunityIcons
name={'cards-outline'}
size={100}
/> */}
</ImageBackground>
</View>
)
}
const styles = StyleSheet.create({
backgroundImage: {
flex: 1,
width: '100%',
height: '100%',
}
});
Макет папки
- assets
- images
--- title_background.png - компоненты
- TitleScreen.js