Конфликт ящика Expo и @react-navigation/material-top-tabsJavascript

Форум по Javascript
Ответить Пред. темаСлед. тема
Anonymous
 Конфликт ящика Expo и @react-navigation/material-top-tabs

Сообщение Anonymous »

Я осваиваю React Native и следую официальному руководству по маршруту Expo.
Я реализовал навигацию в ящике Expo, но с одним из моих маршрутов Мне нужны вкладки вверху, что привело меня к @react-navigation/material-top-tabs. Однако после добавления этого в файл подкачки я столкнулся с ошибкой:

Неперехваченная ошибка
Похоже, вы вложили «NavigationContainer» внутрь другой. Обычно вам нужен только один контейнер в корне приложения, поэтому, вероятно, это ошибка. Если это было намеренно, явно оберните контейнер в NavigationIndependentTree. Обратите внимание, что это приведет к отключению дочерних навигаторов от родительского, и вы не сможете перемещаться между ними.

После небольшого изучения ошибки больше похоже на то, что будет NavigationContainer, используемый как в ящике Expo, так и в компонентах реакции-навигации, и все остальное, что я изучил, показывает примеры использования собственной навигации ящика реакции-навигации.Есть ли способ интегрировать ящик Expo с вкладками реагирующей навигации? Или стоит провести рефакторинг, чтобы вместо этого использовать ящик реакции-навигации, учитывая, что это все еще начальная стадия?
app/_layout.tsx
export default function Layout() {
return (


{/* other drawer screens */}



)
}

app/index.tsx
const MyTabs = createMaterialTopTabNavigator({
screens: {
Day: HistoryDay, // app/history/day.tsx
// other screens
},
});

const TabNavigation = createStaticNavigation(MyTabs);

export default function Index() {
return (



);
}


Подробнее здесь: https://stackoverflow.com/questions/793 ... s-conflict
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение
  • Почему window.top.parent не является нулевым и почему window.top.parent - это window.top?
    Anonymous » » в форуме Javascript
    0 Ответы
    60 Просмотры
    Последнее сообщение Anonymous
  • Как на самом деле работают свойства CSS «scroll-margin-top» и «scroll-padding-top»
    Гость » » в форуме CSS
    0 Ответы
    81 Просмотры
    Последнее сообщение Гость
  • Как на самом деле работают свойства CSS «scroll-margin-top» и «scroll-padding-top»
    Anonymous » » в форуме CSS
    0 Ответы
    48 Просмотры
    Последнее сообщение Anonymous
  • React Navigation Material Верхние вкладки Навигатор Условный рендеринг пустого экрана на iOS
    Anonymous » » в форуме IOS
    0 Ответы
    96 Просмотры
    Последнее сообщение Anonymous
  • Милькерующая линия при открытии ящика на Android с использованием экспозиции/ящика
    Anonymous » » в форуме Android
    0 Ответы
    10 Просмотры
    Последнее сообщение Anonymous

Вернуться в «Javascript»