Компонент Native Base Tab не работает на Expo - PullRequest
Новая
       28

Компонент Native Base Tab не работает на Expo

1 голос
/ 05 марта 2019

Я пытаюсь добавить компонент Native Base Tab в свой проект с помощью Expo.Я полностью просмотрел собственный пример Native Base, чтобы проверить, работает ли он или нет, но не смог заставить его работать ни одной вкладки.

Кроме того, чтобы проверить, не вызывает ли проблема какой-либо зависимости Я проверяю ее на новом проекте Expo, и вкладки снова не работают. Поэтому Я проверяю вкладки без использования Expo, и она работала .Итак, я уверен, что проблема в Экспо, но я не знаю, как ее решить.Я напишу свою зависимость ниже, спасибо за любую помощь.

То, что вкладка не работает, заключается в том, что при нажатии на Tab2 или Tab3 никаких изменений не происходит, она застревает на Tab1 (начальная вкладка).Кроме того, это не содержание любой вкладки, включая начальную вкладку (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>
    );
  }
}

1 Ответ

0 голосов
/ 31 марта 2019

Компонент нативной базы немного глючит

попробуйте использовать эту библиотеку

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

но я бы сказал, попробуйте сделать ваши вкладки с пакетом навигации, который вы используете как реагировать-нативная навигация или маршрутизатор-поток

...