react-navigation相关内容
我试图访问位于 createDrawerNavigator 内的 contentComponent 上的按钮内的函数.问题是传递给 contentComponent 的“道具"没有我试图访问的功能,我不断收到“未定义".代码如下: const MainDrawer = createDrawerNavigator({家: {屏幕:主屏幕,},}, {内容组件:(道具)=>(
..
我使用 react native 和 Navigation React Navigation V2 创建了基本的 ui我的应用程序的入口文件(App.js)像这样 //App.js const App = createSwitchNavigator({StartupScreen: Validator,//如果存在,则验证访问令牌是否存在,否则导航到仪表板,否则登录页面登录:登录,DashB
..
我正在学习使用 React Navigation 并喜欢它,但不知道如何将 props 从我的顶级应用组件发送到我的屏幕组件.我可能(很可能)完全以错误的方式去做这件事.这是我的代码. 主要应用组件 class App extends Component {构造函数(道具){超级(道具);this.state = {登录:假,已检查登录:假};}componentWillMount() {
..
我在 Button 上尝试了 react-native,它工作正常.我想自定义 Button 所以这让我选择了 TouchableOpacity.我正在尝试设置如下所示的本机导航,但现在无法正常工作. 我用它来导航https://reactnavigation.org/ index.android.js /*** https://github.com/facebook/react-n
..
我有一个带有 DrawerNavigator 的 React Native 应用程序.对于菜单,我有自己的组件.这很好用.现在我想在右侧添加第二个侧边菜单.是否可以像 Slack 应用程序中那样拥有两个 DrawerNavigator?此解决方案对我不起作用:https://snack.expo.io/ry7lYempe因为我不想有一个 TabController 作为父级.两个 Drawer 都
..
我需要在所有屏幕上放置一个浮动按钮,我将它放在具有绝对位置的底部标签导航器中,但我无法为其设置 onPress 导航..如何在标签导航器中访问 navigation.navigate? 我的代码 MoreStack.navigationOptions = {tabBarLabel: '更多',tabBarIcon: ({focused, navigation }) =>(
..
我想通过主屏幕中的按钮单击操作将路由参数发送到配置文件选项卡.下面的代码是标签导航器 const Tabs = TabNavigator({[routes.HOME]:{屏幕:FeedMainScreen,导航选项:{tabBarLabel: tabBarLabels.HOME_TAB_LABEL,},},[routes.SEARCH]:{屏幕:搜索屏幕,导航选项:{tabBarLabel:
..
所以我是对原生和 redux 做出反应的新手.该应用程序已经(由其他人)配置为具有 react-navigation 和 redux.现在我们在菜单中使用 TabNavigator(底部),这个 TabNavigator 还包含登录按钮.现在我想要做的是当用户登录时,登录按钮(带有文本和图标)变为注销. 有没有办法做到这一点?我的 TabNavigator 也在一个单独的文件中. 我想
..
我正在使用选项卡导航器,我有一个路由器设置了所有选项卡,我正在使用 react-native-elements 在根选项卡的标题中添加一个搜索框: export const Root = StackNavigator({标签:{屏幕:标签,导航选项:{标题:}},}, {模式:'模态',}); 我正在尝试根据焦点所在的选项卡更改搜索栏中的 placeHolder
..
我试图通过按图像组件在不同屏幕之间导航.每个不同的图像导致不同的屏幕. 我首先尝试通过单击“meo.sudoeste.png"到“meo_sw"进行导航.但是,每当我按下图像时,什么也没有发生.这是我的 SearchScreen.js: 从'react'导入React;从'react-native' 导入 {View, Text, StyleSheet, TouchableOpacity,
..
我似乎无法使用新的 react-navigation-tabs 使图标对齐......有些图标比其他图标高.图标也覆盖了标签,我想在图标和标签之间留一些边距.我为图标尝试了代码 style={{textAlignVertical: 'center'}} (来自关于 SO 的另一个问题),但这也不起作用 下面是代码 import {createMaterialTopTabNavigator}
..
我有一个嵌套导航器设置的情况.app.js 保持登录状态,导航器开始作为 startnav 在 app.js 中被调用并传递登录状态: class StartupNav extends Component {构造函数(道具){超级(道具);console.log(props.loggedIn);}使成为() {返回 (
..
我正在使用 react navigation 3.9.1.我想根据条件从右侧或左侧打开抽屉. 如果我尝试了以下条件但它不起作用drawerPosition : isArabic ?'右左'随着路线被加载,它不会改变 isArabic 的值,所以抽屉位置不会改变,因为我想改变抽屉的位置. 解决方案 似乎没有动态改变抽屉位置的“官方"方式.尽管如此,该功能仍对公关开放https://re
..
更新:是我的 AppNavigator 导致问题,如果我删除它,它会显示背景.如何将 ImageBackground 与我的 AppNavigator 一起使用: const 配置 = {initialRouteName: "家",内容选项:{activeTintColor: "#e91e63",项目容器样式:{//不透明度:1},图标容器样式:{//不透明度:1},项目样式:{flexDire
..
我无法打开两边的两个抽屉.我可以只在一侧打开,或者我可以找到劣质而不平行的抽屉,但我需要平行的抽屉 react-navigation v3 从'react'导入React;从'react-native'导入{Dimensions};进口 {创建应用容器,创建抽屉导航器,创建堆栈导航器,来自“反应导航";从'./components/MenuDrawer'导入MenuDrawer;const
..
我在屏幕之间传递数据时遇到问题.这是我输入的屏幕: import React, {useState} from 'react'从“react-native"导入 {View, TextInput, Button, StyleSheet, TouchableWithoutFeedback, Keyboard}从'reactn'导入{useGlobal};从“../components/Card"导
..
在我的应用程序中,我想将 createMaterialTopTabNavigator (const NewTab) 中的一些数据传递给它的子屏幕(图形和表格).子屏幕中的数据根据 createMaterialTopTabNavigator 上方的自定义标题中的下拉值进行更改.一旦选择了下拉列表中的值,它就会在图形和表格屏幕中触发一个获取请求. 这是我的 App.js,我在其中路由我的所有
..
我想创建一个导航栏,中间有一个大的自定义按钮.路由和一切正常,但按钮在导航栏组件的边框处被切断.我该如何制作,以便按钮显示在顶部?我试过 zIndex,但这对我不起作用.谢谢. const HomeIcon = ;const GiftsIcon =
..
使用 react-navigation 4.1.1 版时当从一个屏幕导航到另一个屏幕时,它是波动的,我在那里使用 ImageBackground,所以在加载该图像背景后出现第一个白色空白屏幕,这非常慢,我可以很容易地看到那里的过渡.我不知道那里的确切问题是什么.对于这个新版本,我还必须安装用于反应导航的库,即反应原生屏幕、动画和蒙版视图、safeareacontext.所以请任何人知道这一点,请让
..
我想向屏幕传递一个道具.当我尝试内联时,例如 (props) => 我收到一条警告消息,我不应该将函数解析为该组件属性.好的.我以为我会为每个需要自定义道具的组件创建函数.它正在工作,但有更好的解决方案吗?这是我的组件: 导出默认函数 Loading() {const [loggedIn, setLoggedIn] = Rea
..