我有一组使用上述组件显示的多级数据。通常在PHP
我只是迭代数据以将其显示为li
,但是来自网络背景,我在使用react-native
时无法将它们全部放在一起。显示一组菜单的正确方法是什么
仅供参考,我还使用react-native-router-flux
来管理路由器。
答案 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