Как я могу отобразить вкладку реагировать нативной в верхней части экрана - PullRequest
1 голос
/ 22 октября 2019

TabBarposition = 'top' вызывает сбой приложения из-за обновления реакции-native-router-flux (или навигации). Раньше это работало, но теперь я получаю эту ошибку: enter image description here

Мой код: enter image description here

Ответы [ 2 ]

0 голосов
/ 23 октября 2019

Вы используете более старый метод ViewPagerAndroid. Старый осуждается с новым с реагировать родной сообщества. Вы можете увидеть журнал канала здесь . Это означает, что если вы используете ViewPagerAndroid, теперь вы можете использовать новый вместо старого. Вы можете просмотреть новый репозиторий ViewPager здесь

Сначала установите новую библиотеку

yarn add @react-native-community/viewpager

или

npm install @react-native-community/viewpager --save

Если вы используете RN> = 0,60, то нет необходимости в связывании, это сделает autolinkЕсли вы используете RN <0,60, запустите <code>react-native link @react-native-community/viewpager

Или ручное связывание прочитайте документацию

Затем удалите старый импорт ViewPagerAndroid

import { ViewPagerAndroid } from 'react-native'; //Remove this import

ИмпортViewPager отдельно, как это

import ViewPager from '@react-native-community/viewpager'; //New way of importing

Если вы все еще получаете сообщение об ошибке, попробуйте удалить приложение и переустановить его.

0 голосов
/ 23 октября 2019

, начиная с реакции-нативной версии 0.61.2. Viewpage и Android удалили форму реакции-нативной, но используемая вами библиотека вкладок не обновилась для ее адаптации. Во-первых, вы находите библиотечный файл, который использовал Viewpagerandroid, а затем импортируете его изact-native-viewpager.

Например, я использую response-native-scrollable-view, его использует ScrollableTabView. Я удаляю импорт вact-native и импортирую его из @ Reaction-native-community / viewpager

const {
     Dimensions,
     View,
     Animated,
     ScrollView,
     Platform,
     StyleSheet,
     //ViewPagerAndroid //**delete it**
     InteractionManager,
   } = ReactNative;
   const ViewPagerAndroid = require("@react-native-community/viewpager")

. Другой способ - проверить, адаптирует ли его новая версия библиотеки.

...