上記のコンポーネントを使用して表示する多値データのセットがあります。通常PHP
の場合、単にデータを反復してli
と表示しますが、ウェブの背景から来ているので、react-native
を使用するとすべてをまとめて入れることはできません。メニューのセットを表示する正しい方法は何ですかListViewsを使用して複数レベルのメニューを表示する方法
また、私はルータを管理するためにreact-native-router-flux
を使用しています。
上記のコンポーネントを使用して表示する多値データのセットがあります。通常PHP
の場合、単にデータを反復してli
と表示しますが、ウェブの背景から来ているので、react-native
を使用するとすべてをまとめて入れることはできません。メニューのセットを表示する正しい方法は何ですかListViewsを使用して複数レベルのメニューを表示する方法
また、私はルータを管理するためにreact-native-router-flux
を使用しています。
独自のメニューを作成する場合は、ListView
のrenderRow
をカスタマイズする必要があります。リストビューhereのRNの公式文書を見ると、たとえば、セクションIDを指定できることがわかります。 次に、各行のレンダリング方法を指定できます。
でrenderRow:関数(rowData、セクションID、ROWID、highlightRow)=>レンダリング
データ・ソースとそのIDSからのデータ入力を受け取り、 を行としてレンダリングするレンダリングコンポーネントを返すべきです。デフォルトでは、データ はデータソースに入れられたものですが、 でもカスタム抽出プログラムを提供することができます。 highlightView(sectionID、rowID)を呼び出して、行が で強調表示されているときにListViewに通知できます。これにより、 にはrenderSeparatorのadjacentRowHighlightedというブール値が設定され、 ではハイライトされた行の上下にセパレータを制御できます。 ハイライトされた行の状態は、highlightRow(null)を呼び出すことによってリセットできます。
コミュニティによって構築されたオープンソースモジュールを使用することもできます。 あなたのニーズに最も近いものは、次のとおりです。https://github.com/jaysoo/react-native-menu