Публикации по теме 'react-navigation'
Маршрутизация на основе файлов ReactNative Expo с аутентификацией Firebase
Expo Router переносит лучшие концепции маршрутизации из Интернета в нативные приложения для iOS и Android. Каждый файл в каталоге приложения автоматически становится маршрутом в вашей мобильной навигации, что упрощает создание, поддержку и масштабирование вашего проекта. https://expo.github.io/router/docs
Маршрутизация на основе файлов Expo (Часть 1)
Подробное руководство по интеграции React-Navigation с Redux, включая поток аутентификации.
В конце концов, я добавил обновление к этой статье, обязательно ознакомьтесь
Сообщество React-Native наконец выбрало React-Navigation в качестве навигационного решения по умолчанию. React-Navigation имеет обширный и мощный API, и одно из лучших преимуществ - это то, что React-Navigation обеспечивает действительно отличную поддержку redux, но плохая новость, которую я лично считаю, - это отсутствие надлежащей документации. В этой статье я пытаюсь объяснить основы интеграции..
Учебник по React Navigation (0.60) - базовая реализация createMaterialTopTabNavigator
Привет, прошло много времени с тех пор, как я написал статью и подумал, пока я слушаю хаус-музыку 90-х и пью кока-колу, я бы придумал учебник для одной из моих любимых библиотек в мире React Native, React Navigation. Учебное пособие будет включать создание проекта с нуля и реализацию очень простого навигатора верхней вкладки в материальном дизайне, так что давайте перейдем к нему.
Первое, что нужно сделать, это найти место на вашем компьютере для создания проекта, это может быть ваш..
Рики понимает это: React-Native DrawerNavigator с использованием React-Navigation
************** Обновление: 19 мая: DrawerNavigator устарело по сравнению с React Navigation и теперь createDrawerNavigator https://reactnavigation.org/docs/en/drawer-navigator.html
Обязательно имейте это в виду, когда будете читать эту статью, я постараюсь обновить ее с помощью нового синтаксиса, но у кого есть на это время! ***************
С возвращением! Это вторая из трех в серии, посвященной React-Navigation. Найдите первую часть на TabNavigator здесь .
Чтобы..
Вопросы по теме 'react-navigation'
как переключить панель реагирования-навигации
Я использую https://reactnavigation.org/ для своего первого проекта, ориентированного на реакцию. Я хотел бы переключить свой ящик (открыть и закрыть), но я понятия не имею, как я могу этого добиться. Я просматривал документацию с...
11992 просмотров
schedule
15.10.2021
реагировать на родную навигацию с разными файлами
Как новичок в react-native, я пытаюсь найти способ использовать react-navigation с разными файлами без навигационной панели для навигации (например, просто нажмите кнопку в представлении входа в систему, чтобы войти в главное представление, нажав...
5352 просмотров
schedule
01.10.2021
React Native (Android) - Stacknavigator над другим представлением
Я начинаю разработку на React Native.
Я потратил много часов на что-то, но все еще заблокирован.
У меня есть представление «заголовок» и под ним навигатор стека и внутри навигатора вкладок.
Когда я открываю навигатор стека (с помощью...
1341 просмотров
schedule
16.11.2021
React-Native: undefined не является объектом (оценка this.props.navigation.navigate)
Я нахожусь на самых начальных этапах попытки создать приложение, и я новичок в React-Native. Я получаю следующую ошибку навигации: undefined is not an object (evaluating 'this.props.navigation.navigate') .
Что я пробовал:
Я прочитал ответы на...
643 просмотров
schedule
04.11.2021
Динамически скрывать / показывать заголовок в react-native
Я использую реакцию-навигацию для маршрутизации. Я хочу динамически скрывать или отображать заголовок для одного компонента. Как это сделать?
Я динамически меняю headerLeft, но не могу найти способ сделать это для всего заголовка.
static...
6868 просмотров
schedule
23.09.2021
абсолютная позиция над заголовком навигации в реакции
Я делаю загрузочный экран и установил его в абсолютное положение на весь экран. Однако при использовании react-navigation он не закрывает заголовок. Есть ли способ разместить мой компонент поверх компонента заголовка библиотеки навигации?
Когда...
10004 просмотров
schedule
26.11.2021
Обновить навигацию Router React
У меня роутер с условной выдачей.
const {
checkedSignIn,
isSignedIn,
redirectTo
} = this.props.screenProps;
const navigation = this.props.navigation;
if (isSignedIn) {
const obj =...
111 просмотров
schedule
08.09.2021
React-Native BackHandler всегда закрывает приложение в Android (аппаратное обеспечение)
Я создаю приложение с react-native v0.44.0 , используя redux v5.0.5 и react-navigation v1.0.0-beta.11 . Маршрутизация выполняется с помощью вложенных навигаторов, одного основного StackNavigator и DrawerNavigator. Я обрабатываю все события...
2649 просмотров
schedule
02.11.2021
Реагировать на проблему с родной гибкостью
Я пытаюсь настроить свой дочерний компонент с простым представлением, как показано ниже:
render() {
console.log("in render")
return (
<View style={{flex:1, backgroundColor: 'skyblue'}}>
<Text>hello</Text>...
63 просмотров
schedule
07.10.2021
реагировать-навигация не работает в действиях, связанных с реагированием
Пожалуйста, проверьте мой код ниже. Мне нужно перейти к EmployeeCreate после успешного входа. Я использую его в dispatch(NavigationActions.navigate({ routeName: 'EmployeeCreate' })); в моем AuthActions.js. но не работает. Раньше я использовал...
2910 просмотров
schedule
09.11.2021
React Navigation: стилизация текста TabNavigator
Я использую React Navigation в приложении create-react-native-app.
Я использую такой компонент TabNavigator (iPhone SE):
TabNavigator - это темно-синяя полоса с 'Job # 1', 'Chat', Files ',' Details.
Я хочу настроить текст этих...
24262 просмотров
schedule
02.11.2021
React Native - панель перерисовки React Navigation на goBack ()
Я использую в своем приложении React Navigation . Как я могу обновить данные на моей предыдущей панели, когда вернусь к ней?
Практический пример: я сейчас нахожусь в панели A , я перехожу на панель B , где я обновляю данные в своей базе данных,...
9394 просмотров
schedule
02.10.2021
TabNavigator показывает только первую вкладку
Я разрабатываю новое приложение с RN и использую TabNavigator из библиотеки реакции-навигации, самый простой пример TabNavigator, показывающий только первую вкладку. Я где-то читал, что это может быть ошибка, и ее можно решить путем понижения версии...
1117 просмотров
schedule
09.10.2021
Как автоматически открыть клавиатуру в React Native при монтировании компонента?
На моей странице есть только один TextInput , и я передал свойство autoFocus: autoFocus: true .
<TextInput
style={styles.textInput}
placeholder="Quiz Deck Title"
autoFocus={true}
value={this.state.title}...
15491 просмотров
schedule
21.09.2021
React Navigation, удалите меню вкладок на странице сведений
Я применяю «StackNavigator для каждой вкладки», описанный в текущем официальном документе по навигации.
URL: https://v1.reactnavigation.org/docs/tab-based-navigation.html#a-stacknavigator-for-each-tab
Когда вы нажимаете кнопку в Home Tabs...
832 просмотров
schedule
12.09.2021
React Navigation теряет переданные реквизиты
У меня есть контейнер, подключенный к redux, который наследует «глобальное состояние» в качестве реквизита благодаря строке connect(mapStateToProps, mapDispatchToProps) ...
Контейнер (Container.js) , в свою очередь, передает реквизиты в Таблицу...
661 просмотров
schedule
07.11.2021
Как по умолчанию показывать индикатор на всех вкладках в React Navigation
У меня есть навигация на основе вкладок в одном из моих собственных компонентов реакции. Я использую React Navigation v1. React Navigation показывает индикатор вкладки только для текущей активной вкладки.
Однако я хочу, чтобы на каждой...
2079 просмотров
schedule
01.11.2021
componentDidMount не вызывается после вызова навигации goBack
Я установил StackNavigator, который запускает действие redux для получения данных на componentDidMount , после перехода на другой экран и возврата к предыдущему экрану componentDidMount больше не запускается, и я вижу белый экран. Я пытался...
7694 просмотров
schedule
27.09.2021
Ошибка с навигацией Jest и React в React Native
У меня возникают проблемы при выполнении модульных тестов с помощью jest :
Инвариантное нарушение: собственный модуль не может быть нулевым.
at invariant (node_modules/fbjs/lib/invariant.js:42:15)
at new NativeEventEmitter...
899 просмотров
schedule
20.11.2021
Как установить фоновое изображение в заголовке React-навигации
Как я устанавливаю фоновое изображение в заголовке навигации React ...
static navigationOptions = ({ navigation }) => {
return {
headerTitle: (
<View
style={{ flex: 1, flexDirection: "row", justifyContent: "center" }}...
1348 просмотров
schedule
22.10.2021