首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >本机基本选项卡组件不适用于世博

本机基本选项卡组件不适用于世博
EN

Stack Overflow用户
提问于 2019-03-05 20:49:00
回答 1查看 669关注 0票数 1

我正在尝试添加本机基本标签组件到我的项目使用世博。我完全通过本机基础自己的例子来测试它是否工作,但无法使它工作任何选项卡。

此外,为了检查依赖是否导致问题,我在新的项目上测试它,并且选项卡再次失效。因此,I测试选项卡而不使用,并且它运行了。因此,我相信问题是世博会,但我不知道如何解决它。我会在下面写我的依赖性,谢谢你的帮助。

选项卡不起作用的部分是,当我单击Tab2或Tab3时,没有任何更改,它被卡在Tab1(初始选项卡)上。而且,它不包含任何Tab的内容,包括初始Tab (Tab1)。

我的依赖性:

代码语言:javascript
复制
"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"

本机基本选项卡的示例代码:

代码语言:javascript
复制
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>
    );
  }
}
EN

回答 1

Stack Overflow用户

发布于 2019-03-31 16:13:28

本地bases选项卡组件是一个小问题。

试着使用这个库

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

但是我想说的是,尝试使用您使用的导航库来制作您的选项卡,比如使用react本机导航或路由器-通量。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55011334

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档