Reading of Firebase data

Question

Whoa, that’s all right?

I’m doing a college project using the Firebase and the React Native.

I developed a screen where I want to publish texts and show everyone who is using the application. I was able to save the data in the database, but I can’t show it on the screen.

This is called to read the database data:

listarPub() {
    const publicadas = firebase.database().ref('Publicacoes').child('publicacao');
    publicadas.on('value', (snapshot) => {

   this.setState({ publicadas: snapshot.val()});
  });

}

However, I have no idea how to apply in a Text and/or FlatList for example.

I wonder if this flame is correct and how do I show it on the screen. I tried several topics, videos, etc, but I could not get anything to help me.

NOTE: It’s my first post here, so I don’t know how to express myself right is my first experience with React and Firebase.

Thank you!

Answer 1

export default class ProductSpotLight extends Component {
    constructor() {
        super()
        this.state = {
            publicadas: null
        }
    }
    componentDidMount() {
        if (!this.state.publicadas) {
            const publicadas = firebase.database().ref('Publicacoes').child('publicacao');
            publicadas.on('value', (snapshot) => {
                this.setState({ publicadas: snapshot.val() });
            })
        }
    }
    render() {
        const { publicadas } = this.state

        return (
            <View>
                {
                    publicadas &&
                    <Text>{publicadas.texto}</Text> //AQUI VAI CORRESPONDER AO VALOR DA PROPRIEDADE DO OBJETO QUE VOCE DESEJA MOSTRAR
                }
            </View >
        )
    }
}