2016-10-25 23 views
0

上記のコンポーネントを使用して表示する多値データのセットがあります。通常PHPの場合、単にデータを反復してliと表示しますが、ウェブの背景から来ているので、react-nativeを使用するとすべてをまとめて入れることはできません。メニューのセットを表示する正しい方法は何ですかListViewsを使用して複数レベルのメニューを表示する方法

また、私はルータを管理するためにreact-native-router-fluxを使用しています。

答えて

0

独自のメニューを作成する場合は、ListViewrenderRowをカスタマイズする必要があります。リストビューhereのRNの公式文書を見ると、たとえば、セクションIDを指定できることがわかります。 次に、各行のレンダリング方法を指定できます。

でrenderRow:関数(rowData、セクションID、ROWID、highlightRow)=>レンダリング

データ・ソースとそのIDSからのデータ入力を受け取り、 を行としてレンダリングするレンダリングコンポーネントを返すべきです。デフォルトでは、データ はデータソースに入れられたものですが、 でもカスタム抽出プログラムを提供することができます。 highlightView(sectionID、rowID)を呼び出して、行が で強調表示されているときにListViewに通知できます。これにより、 にはrenderSeparatorのadjacentRowHighlightedというブール値が設定され、 ではハイライトされた行の上下にセパレータを制御できます。 ハイライトされた行の状態は、highlightRow(null)を呼び出すことによってリセットできます。

コミュニティによって構築されたオープンソースモジュールを使用することもできます。 あなたのニーズに最も近いものは、次のとおりです。https://github.com/jaysoo/react-native-menu

関連する問題