Хобрук: Ваш путь к мастерству в программировании

React Native — навигатор вкладок с componentWillMount

Как я могу вызвать метод componentWillMount в этом классе?

import React, {Component} from 'react';
import {
    Platform,
    StyleSheet,
    Text,
    View,
    TextInput,
    Button
} from 'react-native';
import {TabNavigator} from 'react-navigation';
import Friends from './src/Friends'
import Moms from './src/Moms'

const Navigation = TabNavigator({
    Tab1:{
        screen:Friends
    },
    Tab2: {
        screen: Moms
    }
})

export default Navigation;

Что я пытаюсь сделать, так это вызвать resetAction для сброса всего состояния навигации. Однако я не хочу реализовывать его для каждой вкладки (Друзья и мамы) отдельно, а просто вызываю его один раз в своем классе TabNavigator (например, в componentWillMount).

P.S. Я не хочу использовать избыточность.


  • 1 .use redux для одного состояния всех компонентов 26.02.2018
  • В любом случае я могу сделать это без использования редукса? 26.02.2018
  • слишком сложно управлять состоянием 26.02.2018

Ответы:


1

Вы можете вызвать действие сброса до объявления вашего TabNavigator, нет необходимости в componentWillMount.

Вы можете проверить текущее имя маршрута, если его исходный маршрут на вкладке навигатора вызывает действие сброса.

26.02.2018
  • Я немного смущен. Как я должен объявить сброс? Просто метод поверх const Navigation? И где я должен вызвать сброс? Поскольку навигация является константой, и я напрямую ее экспортирую. В файле нет класса, в котором я могу вызвать метод сброса. Не могли бы вы дать дополнительные указания? Был бы очень признателен! 27.02.2018
  • Новые материалы

    Основы принципов S.O.L.I.D, Javascript, Git и NoSQL
    каковы принципы S.O.L.I.D? Принципы SOLID призваны помочь разработчикам создавать надежные, удобные в сопровождении приложения. мы видим пять ключевых принципов. Принципы SOLID были разработаны..

    Как настроить Selenium в проекте Angular
    Угловой | Селен Как настроить Selenium в проекте Angular Держите свое приложение Angular и тесты Selenium в одной рабочей области и запускайте их с помощью Mocha. В этой статье мы..

    Аргументы прогрессивного улучшения почти всегда упускают суть
    В наши дни в кругах веб-разработчиков много болтают о Progressive Enhancement — PE, но на самом деле почти все аргументы с обеих сторон упускают самую фундаментальную причину, по которой PE..

    Введение в Джанго Фреймворк
    Схема «работать умно, а не усердно» В этой и последующих статьях я познакомлю вас с тем, что такое фреймворк Django и как создать свое первое приложение с помощью простых и понятных шагов, а..

    Настольный ПК как «одно кольцо, чтобы править всеми» домашних компьютеров
    Вид после 9 месяцев использования С настольных компьютеров все началось, но в какой-то момент они стали «серверами», и мы все перешли на ноутбуки. В прошлом году я столкнулся с идеей настольных..

    Расширенные методы безопасности для VueJS: реализация аутентификации без пароля
    Руководство, которое поможет вам создавать безопасные приложения в долгосрочной перспективе Безопасность приложений часто упускается из виду в процессе разработки, потому что основная..

    стройный-i18следующий
    Представляем стройную оболочку для i18next. Эта библиотека, основанная на i18next, заключает экземпляр i18next в хранилище svelte и отслеживает события i18next, такие как languageChanged,..