反応ネイティブでの選択時に宝箱の背景色を変更するには？

Question

私は2つのリストビューを行方向に並べて配置しました。すべてのリスト行に製品の価格が表示されます。ユーザーは、選択リストの行の背景色を変更してその行の選択を表す必要があるときに、一度に1つのリストrow内の1つの行のみを選択できます。他のリストビューにも同じです。両方のリストビューから選択リストを選択すると、両方のリストロー価格の合計が加算されます。どのようにして選択を表現し、価格を追加するために宝箱の背景の色を変更するのですか？ TouchableHighlightを使用することはできますか？

Answer 1

これを行う1つの方法は、各状態を現在選択されている行（選択されていない場合はnull）のキーを格納し、親のCurrentlySelectedを設定できる各行に関数を渡すことです要素を独自のキーに変換します。リストビューの行内のコアTouchableコンポーネントの1つに、この関数をonPressとして使用できます。

コアListViewコンポーネントを使用している場合は、選択した子をrenderRow関数でレンダリングするときに、親リストビューが表示され、子が選択されたことを子に伝えるブール値の小道具を渡す必要があります。子供は、渡された小道具に基づいて何を使用するのかをstylesの小道具で決めることができます。