React native SectionList水平模式

时间:2017-09-27 16:21:26

标签: react-native

我有一个问题。我一直在尝试使用SectionList来渲染列表部分,但问题是我想在水平模式下使用list而我不知道该怎么做。

请帮助我坚持了2个小时。

这是我的代码:

<SectionList
   renderItem={({item}) => <Image source={require('../assets/images/img1.jpg')} />}
   renderSectionHeader={({section}) => <Text>{section.title}</Text>}
   sections={dataSource}
/>

1 个答案:

答案 0 :(得分:5)

在ReactNative文档中,没有用于制作水平SectionList(从0.48开始),但其父VirtualizedList具有的支柱。 因此,只要尝试它是否有效......

<script>

如果它不起作用那么你可能应该尝试使用 Flatlist ,它有一个水平道具并等到 SectionList

实施