Я новичок, помогите разобраться : не отображается текст и кнопки при подключении файла из компонента. Основной файл:
import React from 'react';
import { StyleSheet, View, Text } from 'react-native';
import Header from './components/Header';
export default function App() {
return (
<View>
<Header/>
</View>
);
}
const styles = StyleSheet.create({
});
Подключаемый компонент:
import React from 'react';
import { StyleSheet, View, Text, Button } from 'react-native';
export default function Header() {
return (
<View style = {styles.main}>
<Text style = {styles.text}>Список дел</Text>
</View>
);
}
const styles = StyleSheet.create({
main: {
flex: 1,
padding: 100,
height: 100,
backgroundColor: 'blue',
justifyContent: 'center'
},
text: {
flex: 1,
fontSize: 18,
color: 'red',
textAlign: 'center',
},
});
При этом синее поле из компонента отображается, если писать текст в основном файле, то также все работает.