NavigationExperimental React Nativeで2つのシーンの間で小道具を渡す方法

Question

Naviagtion Experimentalを使用しています。リストビューを使用しています。ユーザーがリストビューで項目を選択すると、Navigation Experimentalのプッシュを使用してアイテムの詳細を開きます。私は問題があります NavigationExperimental React NativeのReduxを使って2シーン間で小道具を渡すには？ （私はアンドロイドを使用しています）

ありがとう。

Answer 1

react-native-router-fluxを使用することをお勧めします。

あなたはここからそれを得ることができます：https://github.com/aksonov/react-native-router-flux

それはそれと小道具を渡すことは非常に簡単です。例えば成分Xと渡す小道具に移動：

Actions.X({testProps: 'hello', title: 'Page titile'});

Answer 2

最も簡単な方法は、あなたがすでにナビゲーション用に使用routeオブジェクトを使用して小道具を送信することです。あなたのListView

const route = {key: 'detail', itemId: 123} 
<TouchableHighlight 
    onPress={() => handleNavigate({type: 'push', route: route}) > 
... 
</TouchableHighlight> 

そして、あなたのNavigationCardStack年代renderScene中で

、あなたは、詳細ビューコンポーネント

renderScene(props) { 
    const {route} = props.scene 
    ... 
    if (route.key === 'detail') { 
    return <DetailViewComponent 
     goBack={...} 
     itemId={route.itemId} /> 
    } 
}