在 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 Tab"，它显示了我的注销按钮，这很好，但是 "Mi galeria" 选项卡是在页脚选项卡中选择的。

Answer 1

我通过重新安装本机基础依赖项解决了这个问题：

• npm 卸载本机基础
• npm 安装 native-base@2.0.13
• react-native start --reset-cache
• react-native 运行-ios

完成！！