设置列数为2，只显示奇数列数据

[coderWeil]

设置完列数后，只显示了奇数列的数据，偶数列的是空白的

[axeryu]

设置完列数后，只显示了奇数列的数据，偶数列的是空白的

可以贴一下你的列表配置代码吗

[coderWeil]

设置完列数后，只显示了奇数列的数据，偶数列的是空白的

可以贴一下你的列表配置代码吗

<WaterfallFlow
style={{ flex: 1, width: '100%', backgroundColor: 'white' }}
contentContainerStyle={{ backgroundColor: 'red' }}
key={cardWidth.toString() + '' + cols.toString() + '' + uniqueID}
refreshing={false}
data={this.state.items}
keyExtractor={(item, index) => index.toString() + '_' + cols.toString}
ListFooterComponent={

}
showsVerticalScrollIndicator={false}
initialNumToRender={20}
numColumns={2}
onEndReachedThreshold={0.1}
onEndReached={this.onScrollEndReached.bind(this)}
onViewableItemsChanged={this.onViewableItemsChanged}
// renderItem={({ item, index, columnIndex }) => this.rendItem(item, index, columnIndex)}
renderItem={({ item, index, columnIndex }) => {
return (
<View
style={{
backgroundColor: 'red',
height: 100,
width: (cardWidth - 16 - 10) / 2,
paddingLeft: columnIndex == 0 ? 16 : 10,
flex: 1
}}
>
<Text style={{ width: '100%', backgroundColor: 'green' }}>index: {index}

)
}}
/>

[coderWeil]

显示如图，只有左侧奇数列，右侧偶数列没了

[axeryu]

设置完列数后，只显示了奇数列的数据，偶数列的是空白的

可以贴一下你的列表配置代码吗

<WaterfallFlow style={{ flex: 1, width: '100%', backgroundColor: 'white' }} contentContainerStyle={{ backgroundColor: 'red' }} key={cardWidth.toString() + '' + cols.toString() + '' + uniqueID} refreshing={false} data={this.state.items} keyExtractor={(item, index) => index.toString() + '_' + cols.toString} ListFooterComponent={

}
showsVerticalScrollIndicator={false}
initialNumToRender={20}
numColumns={2}
onEndReachedThreshold={0.1}
onEndReached={this.onScrollEndReached.bind(this)}
onViewableItemsChanged={this.onViewableItemsChanged}
// renderItem={({ item, index, columnIndex }) => this.rendItem(item, index, columnIndex)}
renderItem={({ item, index, columnIndex }) => {
return (
<View
style={{
backgroundColor: 'red',
height: 100,
width: (cardWidth - 16 - 10) / 2,
paddingLeft: columnIndex == 0 ? 16 : 10,
flex: 1
}}

<Text style={{ width: '100%', backgroundColor: 'green' }}>index: {index}

)
}}
/>

renderItem里面width和flex：1是不需要的

[axeryu]

去掉renderItem里面width和flex：1，应该是没有问题的吧

[coderWeil]

去掉renderItem里面width和flex：1，应该是没有问题的吧

这样修改后第一列和第二列的重合了

代码如下：
<WaterfallFlow
style={{ width: '100%', backgroundColor: 'blue' }}
key={cardWidth.toString() + '' + cols.toString() + '' + uniqueID}
refreshing={false}
keyExtractor={(item, index) => index.toString() + '_' + cols.toString}
data={this.state.items}
numColumns={2}
showsVerticalScrollIndicator={false}
initialNumToRender={20}
onEndReachedThreshold={0.1}
onEndReached={this.onScrollEndReached.bind(this)}
onViewableItemsChanged={this.onViewableItemsChanged}
renderItem={(item, index, columnIndex) => {
return (
<View
style={{
backgroundColor: 'red',
height: 100,
paddingLeft: columnIndex == 0 ? 16 : 10
}}
>
这是第{index}个item

)
}}
/>

[coderWeil]

[axeryu]

我看你代码view和text都没有闭合，闭合后我去掉了width和flex，能够正常展示的

[coderWeil]

我看你代码view和text都没有闭合，闭合后我去掉了width和flex，能够正常展示的

上面的是粘贴复制有漏掉的

代码是这样子的

[axeryu]

我看你代码view和text都没有闭合，闭合后我去掉了width和flex，能够正常展示的

上面的是粘贴复制有漏掉的 代码是这样子的

运行过example样例代码吗

[axeryu]

用你的代码运行的，你看看

[coderWeil]

用你的代码运行的，你看看

好头疼，看着没啥差别啊，咋就不行呢

[axeryu]

版本是最新版吗

[coderWeil]

"react-native-waterfall-flow": "^1.1.4"

[whytimber]

应该是嵌套scrollview了吧，我这里也是拿不到渲染后宽度，onContentSizeChange 不调用