Question

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

此外，要检查是否有任何依赖关系导致问题我在新的Expo项目上对其进行了测试，并且再次使用了选项卡。 因此，我在不使用Expo的情况下测试了标签页，并且有效。因此，我确定问题是世博会，但我不知道如何解决。我将在下面写下我的依赖项，谢谢您的帮助。

选项卡不起作用的部分是，当我单击选项卡2或选项卡3时，它没有变化，它卡在选项卡1（初始选项卡）上。此外，它也不包含任何选项卡的内容，包括初始选项卡（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"

“本机基本标签”的示例代码：

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

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

1 个答案: