反应本机平面列表不显示输出

时间:2019-05-21 12:35:28

标签: android react-native rendering react-native-flatlist

我正在使用react native平板列表在我的react native应用上显示数据。但我没有得到输出。想法是将数组内的URL呈现给平面列表。我找不到我的错误在哪里。这是我的代码:

      componentWillMount() {

        imageUrls[0] = 'https://fashionphotography.advertroindia.co.in/uploads/fashionphotography/updates/32138/product-photography-workshop.jpg';
        imageUrls[1] = 'https://fashionphotography.advertroindia.co.in/uploads/fashionphotography/updates/32138/product-photography-workshop.jpg';

      }


      renderItem = ({ item, index }) => {
        return (<View key={index}>

        <Text>{item}</Text>
                        <Image
                          style={{width: 70, height: 70, borderRadius: 5}}//imageUrls[0] 
                          source={{ uri: item}}>
                        </Image>
                      </View>)

      }

      <ScrollView vertical={true}>
                        <View>
                          <Image
                            style={{width: 70, height: 70, borderRadius: 5}}//
                            source={{ uri: imageUrls[1] }}>
                          </Image>
                        </View>

                        <FlatList
                    data={(imageUrls, 1)} 
                    renderItem={this.renderItem}
                    numColumns={1}
                  />
                    </ScrollView>

0 个答案:

没有答案