Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Bug] Após importar o arquivo serviçosIndex a tela do expo fica branca e não aparece nenhum erro no terminal do VSCode

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>
  );
}


1 resposta
solução!

Bom dia! não é recomendado fazer os cursos de Reactive native pois estão datados e com erros, melhor vc esperar a atualização na plataforma