通过switchnav对其进行访问后,不显示我的静态导航选项

时间:2019-06-24 19:47:27

标签: react-native

我在应用程序的顶部构建了带有静态导航选项的应用程序。然后,我将toptabnavigator面向底部,以进行另一组导航。

当我添加了一个用于登录和注册的switchnavigator,然后添加了主要的应用程序组件。

当我单击登录/注册层以转到我的应用程序时,主应用程序不再显示静态导航头。


const MainStackNavigator = createSwitchNavigator({
  Login: {
    screen: Login
  },
  Register: {
    screen: Register
  },
  Main: {
    screen: AppTabNavigator
  }
});
const AppRun = createAppContainer(MainStackNavigator);

下面是Main:AppTabNavigator。

export default class NavigationTitle extends Component {
  static navigationOptions = ({}) => ({
    headerStyle: {
      backgroundColor: 'black'
    },

    headerTintColor: 'white',
    headerTitleStyle: {
      fontWeight: '300',
      color: 'white'
    },
    headerLeft: (
      <Icon...
      />
    ),
    title: 'app-name',
    headerRight: (
      <Icon...
      />
    )
  });

  render() {
    return <AppTabContainer screenProps={this.props.screenProps} />;
  }
}
const AppTabNavigator = createMaterialTopTabNavigator(
  {
    HomeTab: {
      screen: DataSearch
    },
    UploadTab: {
      screen: UploadTab
    }
  },
  {
    tabBarPosition: 'bottom',
    swipeEnabled: false,

    tabBarOptions: {
      tabStyle: {},
      style: {
        display: 'flex',
        ...Platform.select({
          android: {}
        }),
        backgroundColor: 'black'
        // position: 'absolute'
      },
      indicatorStyle: {
        height: 0
      },
      activeTintColor: 'white',
      inactiveTintColor: '#d1cece',
      showLabel: false,
      showIcon: true
    }
  }
);
const AppTabContainer = createAppContainer(AppTabNavigator);

我希望看到带有名称和两个图标的标题。

0 个答案:

没有答案