Реагировать Родной маршрутизатор Flux динамического маршрут

Question

В моем Реагировать Native проекта у меня есть импорт:

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

У меня также есть тип пропеллера для маршрута this.props.route, который приравнивает к «someRoute». Я хотел бы вместе эффективно использовать два так:

<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> 

Edit:

Поскольку вы смотрите вперед, динамическое перенаправление, подход такой же, как если бы вы имели дело с объектами.

a = { foo: 'bar' } ->a.foo или a['foo'](вторая является динамическая версия)

То есть в вашем случае Action[page].

Который становится

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

Убедитесь, что маршрут на самом деле key, что Scene имеет.

Answer 2

Вы можете попробовать, как этот NavigationActions[this.props.route], если ваш маршрутизатор имеет scene со значением this.props.route

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

Если это не работает, проверьте Router вы определили, есть ли у его scene с key имеют значение this.props.route ,