5

uriPrefix propをトップレベルナビゲータに渡すか、または{containerOptions: {URIPrefix: PREFIX}}を第2のパラメータとして組み込みのナビゲータ(例:StackNavigator)に渡すことで、リープナビゲーションを利用することができます。React Navigation:Reduxとの深いリンクの利用

ReduxがReact Navigationと統合されている場合、トップレベルのナビゲータにはnavigation propが渡されます。

ただし、RNアプリでReduxとディープリンクの両方を有効にすると、 uriPrefixnavigationの両方がこのナビゲーターは、ナビゲーションとコンテナの両方小道具を持っているので、それは自身の状態を所有する必要がある場合、それは不明 ある

、エラーがスロートップレベルのナビゲーターに渡す必要が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; 

答えて

関連する問題