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

Aplicativo fica em tela branca

Fiz todo procedimento certinho até o final do vídeo, mas quando o app requere as informações do servidor a tela fica em branco no app, nem aparece nenhum erro.

import React, { Fragment, useState, useEffect } from 'react';
import { ScrollView, FlatList } from "react-native";
import { Cabecalho } from './src/Components/Cabecalho';
import { Foto } from './src/Components/Foto';

const App = () => {

  const [fotos, setFotos] = useState([]);

  useEffect( () =>{
    const lerFotos = async() =>{
      //const ip = "192.168.0.11";
      const fotosHTTP = await fetch('http://localhost:3030/feed');
      const fotosJson = fotosHTTP.json();
      setFotos(fotosJson);
    }

    lerFotos();
  },[])

  // const informacoes = [
  //   { id: 1, usuario: "Ricardo" },
  //   { id: 2, usuario: "Marina" },
  //   { id: 3, usuario: "Guilherme"},
  // ]

  return (
    <ScrollView>
      <FlatList
        data={fotos}
        keyExtractor={(item) => item.id.toString()}
        renderItem={({ item }) =>
          <Fragment>
            <Cabecalho nomeUsuario={item.userName} />
            <Foto/>
          </Fragment>}
      />
    </ScrollView>
  )
};

export default App;
1 resposta
solução!

Nessa parte do código estava errado:

useEffect( () =>{
    const lerFotos = async() =>{
      //const ip = "192.168.0.11";
      const fotosHTTP = await fetch('http://localhost:3030/feed');
      const fotosJson = fotosHTTP.json();
      setFotos(fotosJson);
    }

corrigindo:

const fotosJson =  await fotosHTTP.json();