在iOS中使用NativeBase的页脚选项卡不能正常工作

Question

我在我的应用程序中使用NativeBase中的组件FooterTabs，在Android中运行良好，但在iOS中，当我单击另一个选项卡时，它显示正确的内容，但在页脚选项卡中没有更改选定的选项卡。

switchScreen(tabIndex) {
  this.setState({ tabIndex: tabIndex });
}

return(
  this.state.isLoading ?
  <Spinner color="black"/>
  :
  <Container>
      { tabContent }
    <Footer>
      <FooterTab>
        <Button active={ this.state.tabIndex == 0 ? true: false }
          onPress={ this.switchScreen.bind(this, 0) }>
          <Text>Descubrir</Text>
        </Button>
        <Button active={ this.state.tabIndex == 1 ? true: false }
          onPress={ this.switchScreen.bind(this, 1) }>
          <Text>Mi Galería</Text>
        </Button>
        <Button active={ this.state.tabIndex == 2 ? true: false }
          onPress={ this.switchScreen.bind(this, 2) }>
          <Text>Mis Cuadros</Text>
        </Button>
        <Button active={ this.state.tabIndex == 3 ? true: false }
          onPress={ this.switchScreen.bind(this, 3) }>
          <Text>Perfil</Text>
        </Button>
      </FooterTab>
    </Footer>
  </Container>

如您所见，我点击了我的“Perfil标签”，它显示我的“退出”按钮很好，但“Mi galeria”标签是在页脚标签中选择的。

Answer 1

我通过在我的情况下重新安装本机基础依赖项来解决它：

• npm uninstall native-base
• npm install native-base@2.0.13
• react-native start --reset-cache
• react-native run-ios

完成!!