Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

pagina em branco

Não consegui identificar onde esta o erro, o código esta um pouco diferente, acredito que por causa da versão, mais ao alterar o código retirando o ScrollView e utilizar o FlatList, o app no emulador fica em branco e não apresenta nenhum erro.

Onde estou errando?

import React, {Fragment} from 'react';
import {
  FlatList,
  Dimensions,
  View,
  Text,
  Image,
} from 'react-native';

const width =  Dimensions.get('screen').width;

const App = () => {

  const fotos = [{id: 1, usuario: 'Rafael'}
                ,{id: 2,usuario: 'Lucas'}
                ,{id: 3,usuario: 'Geisa'}]

  return (
    <FlatList>
      keyExtractor={item => String(item.id)}
      data={fotos}
      renderItem={ ({item}) =>
        <View key={item.id}>
          <Text>{item.usuario}</Text>
          <Image source={require('./resources/teste_app.jpg')} style={{width:width, height:width}} />
        </View>
      }
    </FlatList>
  );
};


export default App;
3 respostas

Boa noite, Lucas! Como vai?

Há um problema na declaração da sua FlatList! O correto seria fazer assim:

<FlatList
                keyExtractor={item => String(item.id)}
                data={fotos}
                renderItem={ ({item}) =>
                    <View>
                        <Text>{item.usuario}</Text>
                        <Image source={require('./resources/img/alura.png')}
                            style={{width: width, height: width}} />        
                    </View>
                }
            />

Faça as correções e veja se as coisas funcionam como vc esperava!

Qualquer coisa é só falar!

Grande abraço e bons estudos, meu aluno!

solução!

Boa tarde, Prof Gabriel eu consegui resolver o problema mudando para a versão anterior do React-Native! Estava com a 0.60.4 mudei para a 0.59.0.

Opa, Lucas! Que ótimo que conseguiu resolver a situação!

Agora é só seguir em frente rumo à luz do conhecimento! E, sempre que precisar de qualquer ajuda é só mandar aqui no fórum da Alura!

Grande abraço e bons estudos, meu aluno!