uriPrefix
propをトップレベルナビゲータに渡すか、または{containerOptions: {URIPrefix: PREFIX}}
を第2のパラメータとして組み込みのナビゲータ(例:StackNavigator
)に渡すことで、リープナビゲーションを利用することができます。React Navigation:Reduxとの深いリンクの利用
ReduxがReact Navigationと統合されている場合、トップレベルのナビゲータにはnavigation
propが渡されます。
ただし、RNアプリでReduxとディープリンクの両方を有効にすると、 uriPrefix
とnavigation
の両方がこのナビゲーターは、ナビゲーションとコンテナの両方小道具を持っているので、それは自身の状態を所有する必要がある場合、それは不明 ある
、エラーがスロートップレベルのナビゲーターに渡す必要がPROP。 (ナビゲーションを反応させるの使用)再来とディープリンクは、両方のRNアプリに統合することができますどのように
const S1 =() => <View><Text>S1 text</Text></View>;
const S2 =() => <View><Text>S2 text</Text></View>;
const S3 =() => <View><Text>S3 text</Text></View>;
const AppNav = StackNavigator(
{
S1: {screen: S1, path: 's1'},
S2: {screen: S2, path: 's2'},
S3: {screen: S3, path: 's3'}
}
);
@connect(state => ({nav: state.nav}))
class App extends Component {
render() {
const
{ dispatch, nav } = this.props,
uriPrefix = Platform.OS == 'android' ? 'http://localhost/' : 'http://';
return (
<AppNav
navigation={addNavigationHelpers({dispatch: this.props.dispatch, state: this.props.nav})}
uriPrefix={uriPrefix}
/>
);
}
}
const navReducer = (state, action) => (AppNav.router.getStateForAction(action, state) || state);
const rootReducer = combineReducers({nav: navReducer});
const RootApp = props =>
<Provider store={createStore(rootReducer)}>
<App />
</Provider>;
export default RootApp;
?