は私が輸入を持っている私のリアクトネイティブプロジェクトでネイティブルータフラックスダイナミックルート

Question

に反応：

import { Actions as NavigationActions } from 'react-native-router-flux' 

私はまた、「someRoute」に相当this.props.routeのルートのための小道具の種類があります。私は効果的に2つを一緒に使用したいと思います：

<TouchableOpacity onPress={NavigationActions.this.props.route}> 

明らかにそれは動作しませんが、どのように一緒に使用することができますか？

私は

const { route } = this.props 
<TouchableOpacity onPress={NavigationActions.route}> 

とも

<TouchableOpacity onPress={{$NavigationActions}.${route}}> 

どちらも仕事をしようとしました。誰でも私が間違っていることを私に見せてもらえますか？

Answer 1

react-native-router-flux minitutorialを参照してください。

あなたはpropsにアクセスするつもりはありません。

<Router> 
    <Scene key="root"> 
    <Scene key="pageOne" component={PageOne} title="PageOne" initial={true} /> 
    <Scene key="pageTwo" component={PageTwo} title="PageTwo" /> 
    </Scene> 
</Router> 

<Text onPress={Actions.pageTwo}>This is PageOne!</Text> 

編集：あなたが前方に動的なリダイレクトを探しているので、あなたがオブジェクトを扱ったかのように

、アプローチは同じです。

a = { foo: 'bar' } - >a.foo又はa['foo']（第2の動的バージョンである）

あなたのケースでAction[page]となります。

const route = this.props.route; 
<TouchableOpacity onPress={NavigationActions[route]}> 

なり

ルートがSceneを持っていることを実際にkeyであることを確認してください。

Answer 2

これは、あなたがそれをkeyとsceneがthis.props.routeの価値を持って持っているかどうかを定義しRouterをチェック動作しない場合は、あなたのルータが値this.props.route

<TouchableOpacity onPress={NavigationActions[this.props.route]}> 

でsceneを持っている場合は、このNavigationActions[this.props.route]のように試すことができます。