我正在尝试添加本机基本标签组件到我的项目使用世博。我完全通过本机基础自己的例子来测试它是否工作,但无法使它工作任何选项卡。
此外,为了检查依赖是否导致问题,我在新的项目上测试它,并且选项卡再次失效。因此,I测试选项卡而不使用,并且它运行了。因此,我相信问题是世博会,但我不知道如何解决它。我会在下面写我的依赖性,谢谢你的帮助。
选项卡不起作用的部分是,当我单击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"本机基本选项卡的示例代码:
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>
);
}
}发布于 2019-03-31 16:13:28
本地bases选项卡组件是一个小问题。
试着使用这个库
https://www.npmjs.com/package/react-native-tab-view
但是我想说的是,尝试使用您使用的导航库来制作您的选项卡,比如使用react本机导航或路由器-通量。
https://stackoverflow.com/questions/55011334
复制相似问题