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;