reactjs - 如何将 'from outside' 链接到导航器(例如从全局页脚)

Question

与 React Navigation ，有没有办法从外部链接到导航器内的特定路径/屏幕？

例如，要实现全局页脚，如下所示:

<Provider store={store}>
  <View>
     <AppNavigator />
     <MyFooter /> // Link from here to a path/screen inside AppNavigator
  </View>
</Provider>

Answer 1

我认为refs可能在这里工作。如果您想在声明的同一级别使用 Navigator，则可以使用 React 的 refs 并将 props 传递给 MyFooter。看example在官方文档中。

const AppNavigator = StackNavigator(SomeAppRouteConfigs);

class App extends React.Component {
  someFunction = () => {
    // call navigate for AppNavigator here:
    this.navigator && this.navigator.dispatch({ type: 'Navigate', routeName, params });
  }
  render() {
    return (
      <View>
        <AppNavigator ref={nav => { this.navigator = nav; }} />
        <MyFooter someFunction={this.someFunction} />
      </View>
    );
  }
}