保持全球化 总是在所有页面上

Posted 2021-04-04

我正在使用react-navigation依赖创建页面导航，如下例所示：

const MainNavigator = createStackNavigator({
  Home: { screen: HomeScreen },
  Profile: { screen: ProfileScreen }
});
const App = createAppContainer(MainNavigator);

我想创建一个仍然总是显示在View和HomeScreen页面上的全球ProfileScreen。

答案

const MainNavigator = createStackNavigator({
  Home: { screen: HomeScreen },
  Profile: { screen: ProfileScreen }
});

class MainNavigatorWithCustomView extends React.Component {
  static router = MainNavigator.router;

  render() {
    return (
      <View style={{flex: 1}}>
        <MainNavigator {...this.props} />
        {/* render some absolute positioned thing on top here */}
      </View>
    );
  }
}