如何使用ListViews显示多级菜单

时间:2016-10-25 05:01:27

标签: react-native

我有一组使用上述组件显示的多级数据。通常在PHP我只是迭代数据以将其显示为li,但是来自网络背景,我在使用react-native时无法将它们全部放在一起。显示一组菜单的正确方法是什么

仅供参考,我还使用react-native-router-flux来管理路由器。

1 个答案:

答案 0 :(得分:0)

如果您要构建自己的菜单,则必须自定义renderRow的{​​{1}}。如果你看一下RN在ListView here上的官方文档,它会显示你可以指定一个sectionID,例如。 然后,您可以指定每行的呈现方式。

  

renderRow:function(rowData,sectionID,rowID,highlightRow)=>渲染

     

从数据源及其ID中获取数据并应返回   要呈现为行的可呈现组件。默认情况下是数据   正是放入数据源的内容,但它也是可能的   提供自定义提取器。当一行时,可以通知ListView   通过调用highlightRow(sectionID,rowID)突出显示。这套   允许,在renderSeparator中为adjacentRowHighlighted的布尔值   您可以控制突出显示的行上方和下方的分隔符。该   可以通过调用highlightRow(null)来重置突出显示的行状态。

另一种选择是使用社区构建的开源模块。 我能找到的最符合您需求的是:https://github.com/jaysoo/react-native-menu