当只有一个项目时,React Native中的FlatList不会呈现

时间:2018-02-02 15:57:50

标签: react-native react-native-flatlist

我试图在React Native项目中使用FlatList渲染项目。所以我的问题是,当我渲染2个项目时,我可以看到结果,但是当我的数据数组中只有项目时,我的屏幕上没有结果任何想法为什么会发生这种情况?

 const data = this.getListPrise()

 <View>
    <View style={styles.allPAge} >
       <View style={styles.centerText}>
          <Text style={styles.text}>Voici vos differentes capture </Text>
        </View>
        <View  style={{flex: 1}}>
        <FlatList
          data={data}
          renderItem={({ item }) =>
            <TouchableOpacity style={styles.container}  onPress={() => this.modifCapture(item)}>
              <Image style={styles.mark} source={avatar}></Image>
              <View style={styles.displayUnder}  >
                <Text style={styles.textCapture}><Text style={styles.textCaptureTitle}>Espèce </Text>: {item.espece}</Text>
                <Text style={styles.textCapture}><Text style={styles.textCaptureTitle}>Date </Text>:
                      {moment(item.date).format(" D MMMM  YYYY, h:mm:ss")}</Text>
                <Text style={styles.textCapture}><Text style={styles.textCaptureTitle}>Poids </Text> : {item.poids} kg</Text>
              </View>
            </TouchableOpacity>  
          }
          style={{ flex: 1, flexDirection: 'column', padding: 1 }}
        />
        </View>
         <ActionButton buttonColor="rgba(231,76,60,1)" onPress={() => this.Addfish()}></ActionButton>
       <View>

    </View>
      </View>

    </View>

0 个答案:

没有答案