WedX - журнал о программировании и компьютерных науках

Реагировать на нативную навигацию.state.params всегда не определено

Я довольно новичок в React native, и я купил шаблон под названием Sketch Elements, чтобы начать работу, который использует Flow для проверки типов.

https://react-native.shop/elements

Я хотел бы передать параметр во время навигации, однако параметр всегда не определен.

Это мой код в моем первом компоненте - я хотел бы перейти к компоненту navigationTo (в данном случае к фотографиям), передавая объект уровня

navigate(navigateTo: string, level: object) {
    const { navigation } = this.props;
    navigation.navigate(navigateTo, { level });
}

Мой другой компонент выглядит следующим образом, журнал консоли всегда возвращает значение undefined. Просматривая другие примеры, это выглядит идентично тому, что было достигнуто ранее, но я явно что-то упускаю.

type PhotosProps = NavigationProps<> & {
    level: object
};

export default class Photos extends React.Component<NavigationProps<PhotosProps>> {
    render(): React.Node {
        const { navigation } = this.props;
        console.log( navigation.state.params);
        return null;
    }
}

Любая помощь будет очень высоко ценится.


Ответы:


1

Вы можете получить доступ к параметрам, переданным в библиотеку react-navigation, используя const level = navigation.getParam('level'). Документы по передаче параметров: https://reactnavigation.org/docs/en/params.html

16.12.2018
  • Спасибо за ваш комментарий, это также возвращает undefined? 16.12.2018
  • Можете ли вы попробовать зарегистрировать переменную level перед выполнением navigation.navigate(navigateTo, { level });, чтобы убедиться, что она там не определена? 16.12.2018
  • конечно, это дает - Object {color: #83de64, friendlyName: Level 1, level: 6, name: 1, theme: Level1, } 16.12.2018
  • Это странно. Можете ли вы зарегистрировать все состояние навигации (navigation.state без параметров) в методе рендеринга фотографий? Также попробуйте зарегистрировать его в компоненте componentDidMount для хорошей меры. 16.12.2018
  • Также какую версию пакета react-navigation вы используете? 16.12.2018
  • Я знаю... в моих предыдущих проектах, которые я сделал сам, ваше решение работало, только с этим с Flow я не могу справиться. реагирующая навигация: 3.0.0-rc.4 16.12.2018
  • Последний выпуск на самом деле [email protected]. Так что не уверен, может это баг. Попробуйте обновиться до последней версии. Вы можете проверить последнюю версию любого пакета, запустив npm show <package_name. 16.12.2018
  • Я провел тест и перешел непосредственно к работающему компоненту.., когда я передаю его через createStackNavigator, он перестает работать - знаете ли вы, есть ли дополнительные биты, которые мне нужно добавить, чтобы заставить его работать с этим? 16.12.2018
  • Насколько я знаю, если вы установили свойство navigation в своем компоненте, оно определенно должно работать. Возможно, попробуйте настроить несколько параметров по умолчанию и посмотреть, сможете ли вы извлечь их из навигации? reactnavigation.org/docs/en/stack-navigator.html#params Однако я не уверен в степени полезности этого, но вы, по крайней мере, сможете убедиться, что вообще можете получить доступ к любым параметрам. 16.12.2018

  • 2

    Если вы используете реактивную навигацию v5, то

    route.params?.someParam ?? 'defaultValue';
    
    14.09.2020
    Новые материалы

    Как проанализировать работу вашего классификатора?
    Не всегда просто знать, какие показатели использовать С развитием глубокого обучения все больше и больше людей учатся обучать свой первый классификатор. Но как только вы закончите..

    Работа с цепями Маркова, часть 4 (Машинное обучение)
    Нелинейные цепи Маркова с агрегатором и их приложения (arXiv) Автор : Бар Лайт Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..

    Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]
    Как вы сегодня, ребята? В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..

    Использование машинного обучения и Python для классификации 1000 сезонов новичков MLB Hitter
    Чему может научиться машина, глядя на сезоны новичков 1000 игроков MLB? Это то, что исследует это приложение. В этом процессе мы будем использовать неконтролируемое обучение, чтобы..

    Учебные заметки: создание моего первого пакета Node.js
    Это мои обучающие заметки, когда я научился создавать свой самый первый пакет Node.js, распространяемый через npm. Оглавление Глоссарий I. Новый пакет 1.1 советы по инициализации..

    Забудьте о Matplotlib: улучшите визуализацию данных с помощью умопомрачительных функций Seaborn!
    Примечание. Эта запись в блоге предполагает базовое знакомство с Python и концепциями анализа данных. Привет, энтузиасты данных! Добро пожаловать в мой блог, где я расскажу о невероятных..

    ИИ в аэрокосмической отрасли
    Каждый полет – это шаг вперед к великой мечте. Чтобы это происходило в их собственном темпе, необходима команда астронавтов для погони за космосом и команда технического обслуживания..


    Для любых предложений по сайту: [email protected]