React native FlatList中的单列列表不支持columnWrapperStyle

我有一个带有水平视图的

平面列表

，它将加载单行中的一些项目。我正在使用

columnWrapperStyle

道具设置我的Flatlist容器，但它给出了一个

错误

，如下所示：

Invariant Violation: columnWrapperStyle not supported for single column lists

这是我的

代码

：

<View >
    <FlatList
      columnWrapperStyle={styles.flatListHomeContentContainerStyle}
      horizontal={true}
      data={prop1}
      keyExtractor={(item, index) => item.id.toString()}
      renderItem=...
      .....
    />
</View>

item.id.toString（）}
renderItem=。。。
.....
/>

---

如何修复它？

columnWrapperStyle

仅适用于当超过单个列时，必须满足条件

numColumns>1

它不支持显示错误的单个列。

---

参考：

columnWrapperStyle

仅适用当有多个单列时，必须满足条件

numColumns>1

它不支持显示错误的单个列。

---

参考资料：

我刚刚找到了解决我自己问题的方法。由于

columnWrapperStyle

不能在FlatList horizontal中使用，因此我需要将我的样式应用于

FlatList

中的子项，它使用的是prop

containerStyle

及其子项

<FlatList
   horizontal={true}
   renderItem={({ item }) => (
   <Card 
   containerStyle={styles.flatListHomeContentContainerStyle}
   ...
   </Card>
</FlatList>

(
我刚刚找到了自己问题的解决方案。由于
columnWrapperStyle
不能用于平面列表水平，我需要将我的样式应用于
FlatList
中的子项，该子项使用的是prop
containerStyle
，并且它是有效的

<FlatList
   horizontal={true}
   renderItem={({ item }) => (
   <Card 
   containerStyle={styles.flatListHomeContentContainerStyle}
   ...
   </Card>
</FlatList>

(
内容容器样式
在flatlist horizontal中，列数为1，因此columnWrapperStyle不适用

使用
contentContainerStyle

例如：

         <FlatList
          horizontal
          data={DATA}
          renderItem={renderItem}
          keyExtractor={item => item.id}
          contentContainerStyle={{marginBottom: 10}}
         />

item.id}
contentContainerStyle={{marginBottom:10}
/>
contentContainerStyle
在flatlist horizontal中，列数为1，因此columnWrapperStyle不适用

使用
contentContainerStyle

例如：

         <FlatList
          horizontal
          data={DATA}
          renderItem={renderItem}
          keyExtractor={item => item.id}
          contentContainerStyle={{marginBottom: 10}}
         />

item.id}
contentContainerStyle={{marginBottom:10}
/>
好的，这很有意义。既然Flastlist中的项之间的间距太大，那么我将如何在我的
平面列表中设置样式。
columnWrapperStyle
将对项组应用样式。但是如果必须减少列数，则意味着可以对
renderComponent
中的单个项应用相同的样式很糟糕。我刚刚找到了一个解决方案。只需将样式应用于“Flatlist”中的子项即可解决问题。好的，这很有意义。那么，既然Flastlist中的项之间的间距太远，我将如何将样式应用于我的
Flatlist
。
columnWrapperStyle
将对ite组应用样式ms.但是如果您必须减少列数，则意味着您可以对
renderComponent
my bad中的单个项应用相同的样式。我刚刚找到了一个解决方案。只需将样式应用于
containerStyle
到“Flatlist”中的子项即可解决问题。