Eu estou aprendendo React Native e no começo estava usando JS. Contudo, resolvi me aventurar e partir para o TypeScript (sem nenhum conhecimento prévio do mesmo) e estou tomando um sacode bem bonito, mas não vou desistir e vim aqui pedir um socorro.
import React from 'react';
import {Text, View} from 'react-native'
const Header = () => {
return<>
<Text> Welcome to the header</Text>
</>
}
export default Header;
Esse acima é meu componente Header
mas quando eu tento estilizar ele dentro do App.tsx
:
import React from 'react';
import { StyleSheet, Text, View, Image } from 'react-native';
import Header from './src/componentes/Header';
const App = () => {
return
<>
<Header style={estilo.topo}/>
</>
}
const estilo = StyleSheet.create({
topo:{
marginTop:10,
textAlign:"center"
},
container:{
flex:1,
justifyContent:'center',
alignItems:'center'
}
})
export default App;
Me retorna este erro. Ele não impede a aplicação de ser executada, porém gostaria de entender mais. Alguém poderia me dar um auxílio?