我在一个flatList中有一些项，我在其中使用了itemSeparator组件来显示列表之间的分隔符，但默认情况下，flatList在项之间呈现分隔符，我还需要在底部显示分隔符，这是任何方法来做到这一点。先谢了我试过使用索引，但它在平面列表项分隔符上不起作用，而且我不想自定义项以显示项的底线。因此，是否可以使用项分隔符显示底线。
1cosmwyk1#
您可以将项目打包到CellRendererComponent https://reactnative.dev/docs/virtualizedlist#cellrenderercomponent并对其应用样式
CellRendererComponent
sdnqo3pr2#
试着在renderItem函数中加入分隔符。这样你就可以清除你的任何元素中的YourItem和分隔符，或者你可以试着使用示例2。
<View style={{flex:1}}> <FlatList data={DATA} renderItem={({item}) => <><YourItem {...item} /><Divider/></>} contentContainerStyle={{flexGrow:1}} /> </View>
示例2
<View style={{flex:1}}> <FlatList data={DATA} renderItem={renderYourItem} ListFooterComponent={() => <><ItemSeparatorComponent/><CustomButton /></>} contentContainerStyle={{flexGrow:1}} /> </View>
2条答案
按热度按时间1cosmwyk1#
您可以将项目打包到
CellRendererComponenthttps://reactnative.dev/docs/virtualizedlist#cellrenderercomponent并对其应用样式sdnqo3pr2#
试着在renderItem函数中加入分隔符。这样你就可以清除你的任何元素中的YourItem和分隔符，或者你可以试着使用示例2。
示例2