本机基本选项卡组件在 Expo 上不起作用答案

【问题标题】：Native Base Tab Component does not Work On Expo本机基本选项卡组件在 Expo 上不起作用
【发布时间】：2019-03-05 20:49:00
【问题描述】：

我正在尝试使用 Expo 将 Native Base Tab 组件添加到我的项目中。我完全通过 Native Base 自己的示例来测试它是否有效，但无法使其在任何选项卡上工作。

另外，检查是否有任何依赖导致问题我在新的 Expo 项目上测试它并且标签再次不起作用。 因此我在没有使用 Expo 的情况下测试了标签页并且它起作用了。所以，我确定问题是世博会，但我不知道如何解决它。我将在下面写下我的依赖关系，感谢您的帮助。

选项卡不起作用的部分是当我单击Tab2或Tab3时没有任何变化，它卡在Tab1（初始Tab）上。此外，它不包含任何选项卡的内容，包括初始选项卡 (Tab1)。

我的依赖：

"axios": "^0.18.0",
"expo": "^32.0.0",
"native-base": "^2.12.0",
"react": "16.5.0",
"react-native": "https://github.com/expo/react-native/archive/sdk-32.0.0.tar.gz",
"react-native-pie-chart": "^1.0.13",
"react-native-router-flux": "^4.0.6",
"react-native-swiper-flatlist": "^1.0.9",
"react-native-ui-kitten": "^3.1.2",
"react-navigation": "^3.3.2"

Native Base Tab 示例代码：

import React, { Component } from 'react';
import { Container, Header, Content, Tab, Tabs } from 'native-base';
import Tab1 from './tabOne';
import Tab2 from './tabTwo';
import Tab3 from './tabThree';
export default class TabsExample extends Component {
  render() {
    return (
      <Container>
        <Header hasTabs />
        <Tabs>
          <Tab heading="Tab1">
            <Tab1 />
          </Tab>
          <Tab heading="Tab2">
            <Tab2 />
          </Tab>
          <Tab heading="Tab3">
            <Tab3 />
          </Tab>
        </Tabs>
      </Container>
    );
  }
}

【问题讨论】：

标签： react-native expo native-base

【解决方案1】：

native bases 选项卡组件有点问题

尝试使用这个库

https://www.npmjs.com/package/react-native-tab-view

但我会说尝试使用您正在使用的导航库制作标签比如 react-native-navigation 或 router-flux

【讨论】：

是的，太棒了