Question

我是React-Native的新手，并尝试创建一个应用程序，我想在其中使用2个选项卡导航器;外部标签和内部标签。

坦克，警报和设置的外部标签...... 用于mapview和listview的坦克内部标签...

export default class Home extends Component {
static navigationOptions = {
    header:null
};

constructor(props) {
    super(props);
    this.state = {
    }
}

render() {
    return (
        <MyApp/>
    );
}
}
export const MyApp = TabNavigator({

tanks: {
screen: TanksScreen
},
alerts: {
screen: AlertScreen
},
 Settings: {
    screen: SettingScreen
 },
},

以下代码在TanksScreen中

export default class TanksScreen extends Component {
static navigationOptions = {
header:null
};

constructor(props) {
  super(props);
  this.state = {
  }
}
render() {
  return (
      <MapsView/>
  );
}
}
export const MapsView = TabNavigator({

Map: {
 screen: MapsScreen,
},
List: {
 screen: ListScreen,
},
},

通过使用上面的代码，我可以获得外部选项卡导航器的全部功能，但是当涉及内部选项卡时，选项卡既不会导航到listview屏幕，也不会在mapsview中渲染任何文本或ui组件。

我做错了吗？或者有什么办法可以达到这个要求。提前谢谢

Answer 1

由于您的TanksScreen组件只返回内部标签，您可以直接将它们插入外部标签，这样可以解决问题。

export const MyApp = TabNavigator({
  tanks: {
    screen: MapsView
  },
  alerts: {
    screen: AlertScreen
  },
  Settings: {
    screen: SettingScreen
  },
}

如何在标签导航器中使用标签导航器？

1 个答案: