我正在尝试通过使用Expo将本机基础选项卡组件添加到我的项目中。我完全通过本地基地的示例来测试它是否有效,但无法使其起作用。
另外,要检查是否有任何依赖性原因问题我在新的Expo项目上进行测试,并且标签再次不起作用。因此, i测试选项卡不使用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"
本机基本选项卡的示例代码:
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>
);
}
}
本机碱基选项卡组件有点aggy
尝试使用此库
https://www.npmjs.com/package/reaect-native-tab-view
但我想尝试使用您正在使用的导航库来制作您的标签例如反应本性游动或路由器 - 频率