ListView切断数据,React Native App

时间:2019-06-30 17:29:48

标签: javascript react-native listview

在我的React Native应用程序中,我正在打印保存在数据库中的数据。我的问题是,并非所有数据都在屏幕上打印,但是在某些时候会中断。

firebase.database().ref(user.uid).child('plantList').child(keyPlant).on('value', function(snapshot){

        console.log(snapshot.val().namePlant);

        const nameC = snapshot.val().nameC;

        var newData = [...that.state.listViewData]
        newData.push(snapshot)

        that.setState({ listViewData: newData})

    });

...

<ListView
        style={{height:500}}
        enableEmptySections
        dataSource = {this.ds.cloneWithRows(this.state.listViewData)}
        renderRow={snapshot =>
       <View>           

        <View style={styles.tabHeader}><Text style={styles.textHeader}>Scientific name</Text></View>
        <View style={styles.tabContent}><Text style={styles.textContent}>{snapshot.val().namePlant}</Text></View>

        <View style={styles.tabHeader}><Text style={styles.textHeader}>Common name</Text></View>
        <View style={styles.tabContent}><Text style={styles.textContent}>{snapshot.val().nameC}</Text></View>

...

        </View>
           }
         />

0 个答案:

没有答案