本地基本选项卡组件不适用于世博会

Question

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

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

选项卡不起作用的部分是当我单击Tab2或Tab3时它没有变化它被卡在Tab1（初始选项卡）上。此外，它不包括任何Tab的内容，包括初始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选项卡的示例代码：

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>
    );
  }
}

Answer 1

本机基础选项卡组件是一个小马车

尝试使用此库

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

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