react-navigation相关内容
当我决定使用redux和redux-saga时,我已经在使用带有反应导航的原生反应了。 我的问题是我不知道如何在Reducer或Saga文件中导航。 我找到了这个link on how to navigate without navigation prop,但这个示例与我的入口文件(index.js)和顶级导航器(src/app.js,不确定这是否是顶级导航器)不同。 index.js(条目
..
我正在为我的一个项目使用Reaction导航中的createMaterialBottomTabNavigator。如果我将Tab栏图标和Tab栏标签一起使用,图标将与文本重叠。需要帮助来解决该问题。 以下是我尝试过的-- const MainNavigator = createMaterialBottomTabNavigator({ Offers: { screen: Offer
..
请帮我解决一个问题。我不明白如何实现登录后重定向到主页。我需要刷新应用才能执行此操作。 在我的app.js中,我有一个const isSigned,它从AsyncStorage中获取一个值,当它不为空时,应用程序应该呈现‘home’组件,但它没有 登录正常后,我可以获取令牌并将其保存到AsyncStorage。 app.js: import React, {useState
..
我在抽屉导航器中有一个嵌套的堆栈导航器,我不希望用户在不在堆栈导航器的第一页时能够从左侧滑动并打开抽屉。我找到了一些答案,但它们似乎使用了官方文档中没有使用的一些旧语法。 // stack navigator const Items = () => { const IStack = createStackNavigator() return (
..
我已经创建了两个抽屉导航器 const MenuDrawerRight = createDrawerNavigator(); const MenuDrawerLeft = createDrawerNavigator(); function RightDrawerScreens() { return (
..
我是反应原生开发方面的新手。 我在Reaction-Native中为选项卡栏使用了TabNavigator中的反应-导航,除了选项卡栏activeBackoundColor和inactiveBackoundColor在Android中没有更改外,其他一切都运行得很好。 它仅显示为蓝色,如下图所示。 我使用的代码是: import React, { Component } from 'r
..
以下是我的应用程序导航器的层次结构 ├──应用程序导航器(底部选项卡导航器) ├──提要(堆栈导航器) PostDetailScreen pageDetailScreen ProfileDetailScreen ...其他屏幕 ├──通知(堆栈导航器) ProfileDetailScreen PageDetailScreen PostDetailScreen
..
我正在使用DrawerNavigator,我有3页:Router page、mainScreen和photos page。 我做了一个标题导航栏区域,我用这个 this.props.navigation.navigate('DrawerOpen')}>在Main Screen中打开了抽屉菜单,在照片页面中也使用了这个菜单,菜
..
我一直在试图弄清楚如何在键盘打开后正确处理布局更改(至少在Android上是这样)。我用的是最新的世博会。 我的表单示例:
..
版本: "dependencies": { "react-native": "0.63.4", "@react-navigation/bottom-tabs": "^5.11.2", "@react-navigation/native": "^5.8.10", "@react-navigation/stack": "^5.12.8", } 测试网站链接test://inf
..
我在Reaction Native项目中使用以下结构。
..
请找人告诉我登录和登录导航系统的正确方式。我现在所做的就是使用共享状态的Use-Better包来使用共享状态,并显示正确的导航。但我不确定这是不是正确的做法。请有人指出正确的方向和正确的方式来实现同样的目标。以下是我的代码。 import React, { useEffect } from "react"; import { useLoggedInUserState } from "./c
..
我的React Native代码的所有类都有自己的头,使用navigationOptions实现,我已经创建了bottomTabNavigator,它有自己的头,覆盖现有的头及其功能。如何在类自身标头正常工作的同时隐藏bottomTabNavigator标头? 我在bottomTabNavigator和header: { visible: false, }的堆栈中使用了header: nul
..
在我的应用程序中,第一个屏幕是列表屏幕,第二个屏幕是详细信息屏幕。 当用户点击列表屏幕上的任何项目时,在详细信息屏幕中打开该项目。 详细信息屏幕也有列表,但它是全屏列表。 当用户向下滑动到数据末尾时,将得到下一页数据。 我希望在获取详细信息屏幕中的下一页数据时,它会在列表屏幕上自动更新。 是否可以在两个屏幕中使用相同的数组? 如果是,则方式或任何参考? 推荐答案 是
..
我想知道为什么我的父App组件用包装 那么它的子组件Signup应该像这样重新包装吗? 当Signup组件没有时,它将不显示任何内容-空页。 这里的意义在哪里? Index.js ReactDOM.render(
..
我的Reaction Native应用程序中包含以下内容: Hub.js: export default class Hub extends Component { static navigationOptions = { header: null }; ... render() { return (
..
使用: “@REACT-导航/抽屉”:“^5.4.0”, “@REACT-导航/本机”:“^5.1.4”, App.js: import { createDrawerNavigator } from '@react-navigation/drawer'; ... const Drawer = createDrawerNavigator(); const
..
Reaction导航版本4.3.9 我的iOS模拟器抛出令人讨厌的警告,但除此之外它可以正常工作。 我有一个带有多个屏幕的堆栈导航器。我的App.js文件加载堆栈导航器,并显示第一个屏幕。这是一个控制台屏幕,带有多个按钮,可从堆栈导航器加载屏幕。 我希望第一个控制台屏幕没有标题,因为它不适合设计器布局。 此操作正常: const PlanCalcNavigator
..
我尝试实现屏幕之间的简单导航,但收到此错误: Undefined is not an object 'this.props.navigate' AppNavigator.js let AppNavigator = createStackNavigator({ Signup: { screen: SignupScreen, navigationOptions:
..
按浏览器back button为什么显示空白页面而不是我以前访问过的组件?仅将URL更改为以前的URL。 使用Reaction Router v5 这真让人沮丧,我怎么才能解决这个问题呢? SignUp.js render() { return (
..