Estou fazendo o curso "React Native com Expo: navegação com menu e suporte às telas" e ao importar o arquivo serviçosIndex.js no App.js a tela no Expo aparece completamente em branco. Não aparece nenhum erro no terminal do VSCode.
Código do serviçosIndex.js:
import { StatusBar } from 'expo-status-bar';
import { FlatList, Text } from 'react-native';
import { Item }from './Item';
const servicos = [
{
id: 1,
nome: "Banho",
preco: 79.9,
descricao: "NÃO DE BANHO NO SEU GATO! Mas se precisar nós damos."
},
{
id: 2,
nome: "Vacina V4",
preco: 89.9,
descricao: "Uma dose da vacina V4. Seu gato precisa de duas."
},
{
id: 3,
nome: "Vacina Antirrábica",
preco: 99.9,
descricao: "Uma dose da vacina antirrábica. Seu gato precisa de uma por ano."
}
];
export default function Servicos() {
return <StatusBar >
<Text>Serviços!</Text>
<FlatList
data={servicos}
renderItem={({item}) => <Item {...item} />}
keyExtractor={({id}) => String(id)}
/>
</StatusBar>
}
Código do App.js:
import { StatusBar } from "expo-status-bar";
import Servicos from "./src/telas/Servicos/servicosIndex";
export default function App() {
return (
<StatusBar>
<Servicos />
</StatusBar>
);
}