react-native - 保持全局总是在所有页面上

Question

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

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

我想创建一个View仍然始终显示在页面HomeScreen上的全局变量。ProfileScreen

标签： react-nativereact-navigation

Answer 1

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>
    );
  }
}