平面列表不可滚动

Question

我想在我的应用程序中创建一个可滚动的网格，但我无法滚动它。尝试了一切，但没有任何效果。

return (
    <FlatList
      data={data}
      renderItem={({item}) => (
        <GridImage style={styles.imageThumbnail} imageUri={item} numColumns={3} />
      )}
    />
  );
};

Answer 1

在视图中包装平面列表并为其指定高度和宽度。

return (
    <View style={{ height:600,width:600 }}>
        <FlatList
            data={this.state.data}
            renderItem={({item}) => <Country name={item} />}
        />
    </View>
);