从标题的右按钮导航- React Native
React Native是一种用于构建跨平台移动应用程序的开源框架。它基于React.js，允许开发人员使用JavaScript编写代码，并将其转换为原生代码，以在iOS和Android平台上运行。React Native具有以下特点和优势：
- 跨平台开发：React Native允许开发人员使用相同的代码库构建iOS和Android应用程序，减少了开发和维护两个平台的工作量。
- 原生性能：React Native通过将JavaScript代码转换为原生组件，实现了与原生应用程序相当的性能。这意味着应用程序在用户体验和性能方面与原生应用程序相媲美。
- 热更新：React Native支持热更新，开发人员可以在不重新编译整个应用程序的情况下，即时更新应用程序的部分代码和界面。这大大加快了开发和测试的速度。
- 组件化开发：React Native采用组件化开发模式，开发人员可以将应用程序拆分为多个可重用的组件，提高了代码的可维护性和可扩展性。
- 社区支持：React Native拥有庞大的开发者社区，提供了丰富的第三方库和组件，可以加速开发过程并提供更多功能。
React Native适用于各种移动应用开发场景，包括但不限于：
- 创业公司：React Native可以快速构建原型和迭代开发，帮助创业公司快速推出产品并适应市场需求的变化。
- 中小型企业：React Native提供了一种经济高效的方式来开发和维护跨平台应用程序，适合中小型企业具有有限资源的情况。
- 跨平台项目：如果需要在iOS和Android平台上同时发布应用程序，React Native是一个理想的选择，可以减少开发和维护的工作量。
腾讯云提供了一系列与React Native相关的产品和服务，包括：
- 云开发：腾讯云云开发是一种无服务器后端云服务，可以帮助开发人员快速搭建和部署云函数、数据库、存储和云托管等后端资源，为React Native应用程序提供强大的后端支持。
- 移动推送：腾讯云移动推送服务可以帮助开发人员实现消息推送功能，向React Native应用程序的用户发送通知和消息。
- 小程序云开发：腾讯云小程序云开发是一种无服务器后端云服务，可以帮助开发人员快速搭建和部署云函数、数据库、存储和云托管等后端资源，为React Native小程序提供强大的后端支持。
更多关于腾讯云相关产品和服务的介绍，请访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
我正在使用react native开发应用程序。我已经实现了导航的NavigatorIOS组件。它适用于推送和弹出导航，但它显示默认的后退按钮与上一个页面标题和后退箭头。我有像取消按钮右侧和没有后退/左按钮的设计。我知道这只是objective-c中隐藏后退按钮的一行代码。
我尝试了react原生文档，但没有找到任何与此相关的内容。
有谁知道这件事吗？
浏览 2提问于2016-06-15得票数 0
2回答
我想要全屏显示一个react-native-map。但是StackNavigator (react原生导航)的标题应该显示在地图上。状态栏也是如此。我想在地图上添加一个小的渐变，使状态栏和后退按钮(也许在右边的标题侧有更多按钮)更具可读性。
此时使用StackNavigator会自动将“全屏”地图(flex: 1)限制在导航头的底部。
如何解决这个问题？
react-native: 0.46
反应导航: 1.0.0-beta.11
浏览 14提问于2017-07-28得票数 1
我正在寻找一种方法来隐藏在React-Native-Router-Flux导航栏上的后退按钮的文本标签。
headerLeft prop没有达到目的，设置left={()=>null}会隐藏按钮本身(以及标题)
React-Native 0.46.4
浏览 0提问于2018-02-22得票数 1
1回答
我正在尝试从堆栈导航头按钮中打开导航图。标题按钮显示得很好，但当我单击该按钮时，我将得到
未定义不是对象(计算'_this.props.navigate')
我似乎找不到一个具体的例子来说明如何做到这一点，或者如果可能的话，使用react导航。
import React, { Component } from 'react';
import { createStackNavigator, NavigationActions } from 'react-navigation'
import Icon from 'react-nati
浏览 1提问于2018-05-21得票数 3
回答已采纳
我的应用程序中有一个堆栈/抽屉导航。我想有一个菜单图标在我的顶部标题导航，切换抽屉菜单打开和关闭。
这是我的密码：
import * as React from 'react';
import { useNavigation, DrawerActions } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import { TouchableOpacity } from 'react-nativ
浏览 5提问于2020-08-22得票数 3
回答已采纳
2回答
如何更改标题
、、
我是新来的土生土长的。我正在创建新的基本应用程序与导航栏。我有两个屏幕。
首页
列表
我想用“主屏幕”和“列表屏幕”更改导航栏标题
我在主屏幕上有一个按钮。当我点击按钮，它导航到列表屏幕。
我的问题是我不能更改列表屏幕中的标题。
App.js
import { createAppContainer } from '@react-navigation/native';
import { createStackNavigator } from 'react-navigation-stack';
import HomeScreen from '
浏览 2提问于2021-02-03得票数 0
回答已采纳
我已经使用ReactNative创建了一个示例应用程序。我已经使用了ReactNative导航(堆栈导航)。它只有两个屏幕。主页和详细信息屏幕。我成功地实现了Stack导航。然而，我有问题添加一个标题的标题右边的标题按钮的图标。为了添加带有图标的标题按钮，我使用了一个名为HeaderButtons的第三方库。然而，当我渲染时，它只显示标题而不显示图标。请注意，我已经使用expo创建了reactnative项目和来自@expo/vector-icons的图标。
提前谢谢你，Yohan
//这是自定义头部组件
import React, { Component } from "react&
浏览 26提问于2020-05-27得票数 1
3回答
我正在尝试实现类似Instagram的导航
我在App.js中有一个按钮选项卡导航
import React from 'react';
import { StyleSheet, Text, View, Image } from 'react-native';
import { createAppContainer, createBottomTabNavigator} from 'react-navigation';
import Ionicons from 'react-native-vector-icons/Ionicons'
浏览 3提问于2019-02-13得票数 0
如何使用标题上的按钮在屏幕之间导航？当我尝试返回或使用标题按钮导航到其他页面时，我得到了相同的错误。屏幕上的按钮工作正常。 “未定义不是对象(计算'navigation.navigate') (设备)” “未定义不是对象(计算'navigation.goBack')” import 'react-native-gesture-handler';
import React from 'react';
import { Text, View, StyleSheet, Button } from 'react-native&
浏览 6提问于2020-10-04得票数 0
回答已采纳
1回答
我有一个选项卡导航屏幕，其中有2个选项卡。父堆栈在标题中有按钮，它应该可以不同地工作，w.r.t两个不同的屏幕/标签。
现在，我做的是-
navigation.setOptions({
headerRight: () => (
<TouchableOpacity>
<Text>Update</Text>
</TouchableOpacity>
),
});
如何处理Tabs下两个组件的Save按钮单击？
注意-我使用的是react-navigation@v6
浏览 2提问于2022-02-19得票数 0
回答已采纳
1回答
我已经尝试了react-native-router-flux中的所有选项，比如：navigationBarStyle或navTransparent，还有navigationBarStyle={[STYLES.navBar]}所有这些都不起作用，当我试图使自定义导航栏透明时，有什么方法可以使用react导航使其透明吗?如果我应该从react-native-router-flux更改为react导航来做到这一点，我已经在Git Hub中将其作为问题发布在Git Hub中，链接是:
因为我发现使用react导航很困难，所以我切换到了RNRF。除了从RNRF切换到RN之外，有没有什么解决方案可以使自定
浏览 11提问于2017-08-02得票数 0
回答已采纳
无法在选项卡导航的标题中呈现按钮
的导航层次结构
stackNavigation
tabNavigation
- screen 1
- screen 2
- screen 3
我想在页眉处呈现一个按钮
使用以下代码实现这一目标
<Tab.Navigator>
<Tab.Screen name="My Shifts"
options={{ tabBarLabel: 'My',
headerRight: () => (
<
浏览 2提问于2020-07-30得票数 1
回答已采纳
1回答
我试图使用类组件语法向屏幕添加导航。
我现在有两个屏幕在堆栈导航器中。在我的第一个屏幕(配置文件)，我有一个按钮，我想用来触发另一个屏幕。
我得到了一个“道具的标题必须是字符串”错误。我假设导航支柱应该已经存在，当我用测试操作替换导航语句时，它加载得很好，并且工作正常。
下面我包含了主App.js，它有我的堆栈声明，然后是在呈现中有问题按钮的profile.js。我还包括了我的package.json的家属。在这里可以看到一个实时版本&<snack.open.dev/ERocq68UX>
import { NavigationContainer } from '@r
浏览 2提问于2022-10-03得票数 1
回答已采纳
我正在尝试弄清楚如何使用React导航在react Native应用中实现导航，使其类似于Uber应用。 我想使用抽屉，其中包含一个菜单项，如设置，配置文件等。点击每个项目应打开一个模式与导航堆栈与箭头左或十字图标按钮在顶部(标题)，以关闭堆栈和返回主屏幕。当带有导航堆栈的模式打开时，我想禁用抽屉。 这可以通过react导航来实现吗？
浏览 21提问于2019-06-14得票数 2
回答已采纳
我正在开发一个使用的React Native应用程序。现在我有一个有两种模式的窗口:编辑和查看。当它处于编辑模式时，导航的左键显示一个复选图标。一旦用户按下check按钮，它就会切换到查看模式，左键显示向后箭头图标。任何人都知道如何使用ex-导航实现这一点。如果前导航库不能做到这一点，那么其他导航库可以做到吗？任何帮助都将不胜感激。谢谢。
浏览 2提问于2016-10-09得票数 2
我使用模式库和加载组件来加载组件，等待api调用，当api调用没有响应时，我想让用户按下标题后退按钮，他们可以继续其他屏幕问题是模式正在打开，不能按标题后退按钮，我尝试了边距或填充到模式，但rn模式锁定到所有屏幕，我使用反应本机导航和自定义标题在我的屏幕图片下面打开加载组件 红色组件是我打开的加载组件，我想按下标题左侧的后退按钮并返回到上一个屏幕，rn模式锁定到所有屏幕，并且在加载组件打开时不按，我如何按后退按钮？ ? 我的加载组件是； import React from 'react';
import {View} from 'react-native
浏览 6提问于2021-01-07得票数 0
我试图添加一个图标到headerRight使用反应导航标题-按钮库。但是图标的标题是显示而不是图标。
这是图标应该显示的代码。
import React, { useState, useLayoutEffect } from 'react';
import { View, Text, Button, StyleSheet } from 'react-native'
import { MEALS } from '../data/DummyData';
import { HeaderButtons, Item } from 'react-n
浏览 10提问于2020-04-12得票数 6
我似乎在这里找不到任何关于用标题按钮改变屏幕的最新信息。所以我想知道现在标题按钮改变屏幕的正确语法是什么。我已经在我的导航堆栈代码文件中定义了我的头部，在那里我制作了头部，但我似乎不知道如何获得导航属性并能够在头部上调用它。一些答案说使用导航选项或使其成为静态的，但从文档(它从来没有解释如何做到这一点)中没有关于导航选项的正确版本，所以我认为它们被删除了。此外，当我尝试代码时，什么也不起作用。谢谢你的帮助，希望我能得到一个答案或找出正确的语法。
这是我的代码的当前版本。当我按下按钮时，它显示导航不是一个功能：
import React from 'react';
import
浏览 2提问于2020-04-02得票数 0
我已经创建了一个反应本地应用程序，使用世博和反应导航。对于菜单，我使用的是react导航抽屉。
就像中建议的那样，我想在大屏幕上展示抽屉，在小屏幕上显示抽屉。
最初的行为是正确的，但是当我用web应用程序调整屏幕大小时，我确实看到了一个问题，从大到小，从大到大。drawerType被更新，但是面板是空的。当我点击标题中的切换按钮时，它有时会出现。
在调整屏幕大小后，如何使抽屉始终可见？
极简代码示例：
import * as React from 'react';
import { View, Text } from 'react-native';
i
浏览 4提问于2022-01-20得票数 0
回答已采纳
1回答
我的React Native应用程序有问题。
我希望第一个屏幕截图只有一个标题，而不是这里的两个标题，并保留选项卡导航器，但当单击“提及légales”按钮时，将被重定向到CGUScreen，带有类似的标题，底部没有选项卡导航器。
BottomTabNavigator.js：
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import { createStackNavigator } from '@react-navigation/stack'
import
浏览 23提问于2020-06-08得票数 0
我正在使用React Native、Expo和React导航版本5。
这是我的应用程序根目录。
import React from "react";
import { StyleSheet, TouchableOpacity } from "react-native";
import { NavigationContainer } from "@react-navigation/native";
import { createStackNavigator } from "@react-navigation/stack";
impo
浏览 3提问于2020-08-18得票数 0
我一直在使用创建-反应-本机应用程序创建的默认选项卡项目。
因此，我创建了自己的屏幕，在主组件(导出默认类)中可以访问this.props.navigation。从标题为“导航默认”的按钮导航(“搜索”)可以很好。
但是，经过多次尝试，我无法从headerRight中的按钮或自定义组件MyComponent中导航。
如何将警报更改为像主组件一样导航(“搜索”)？
import React from 'react';
import { Button, Dimensions, ScrollView, StyleSheet, Text, View } from 'react-
浏览 0提问于2018-10-01得票数 1
回答已采纳
由于某些原因，当你点击打开菜单时出现了错误，我不清楚为什么会发生这种情况。 “反应导航”："^3.5.1“ 这是用来打开我的菜单抽屉的。 从‘react’导入React，{ Component }； 从‘react-native’导入{ Text，View，Image }； 从‘react-native-elements’导入{ Avatar }； 从‘native-base’导入{ Left，Icon }； 从“react-navigation”导入{ DrawerActions }； 类头扩展了组件{ render() { return ( <View sty
浏览 15提问于2019-04-04得票数 1
1回答
我正在使用React Native开发一个移动应用程序。我正在使用React导航，https://reactnavigation.org/用于导航。但是我在将按钮嵌入到操作栏、工具栏、导航栏或任何你想叫它的地方时遇到了问题。但它不起作用。 class HomeScreen extends React.Component {
static navigationOptions = ({ navigation }) => {
return {
headerTitle: "This is the title",
headerRig
浏览 8提问于2019-04-20得票数 1
1回答
请帮帮我。我正在制作移动应用程序。我有底部选项卡导航，这是3个主要页面之间的导航。我已经做了第一页和第二页之间的导航，但没有标签底部导航，与按钮。当我做了这个的时候，我没有得到我想要的东西。如果你帮我，我会很高兴的。当我从第一页导航到第二页时，我有两个标题。但我想说一句： ? 有两个标题，第一个是<，第二个是“课程”，我想让它像这样"<课程“。请帮帮我。代码： // 1st page
import Courses from './Courses'
<Button
onPress={() => {
navigate('C
浏览 15提问于2019-06-06得票数 0
我在一个使用react导航库的react-native项目中有一个堆栈导航器。最初，我不想显示任何标题。在即将到来的屏幕上，我希望显示一个动态标题。因此，在我的导航器配置对象中，如下所示： const authStackConfig = { initialRouteName: 'Login', headermode: 'none' }; 在屏幕实现上，我有 static navigationOptions = {headerMode:'screen'} 但是headerMode不是navigationOption属性... 我尝试将导航器配置选
浏览 62提问于2020-01-13得票数 0
1回答
我有一个使用反应性导航的本机应用程序，我希望我的标题看起来像这样的标题和副标题。
我正在使用本机基头来实现这一点。在应用程序的根部，我有一个选项卡导航，每个选项卡都有自己的抽屉导航。就像下面
对于所有的选项卡，都有单独的标头组件，其中有我硬编码的标题。子标题应该是当前活动屏幕的标题，类似于在导航选项中配置的drawerLabel或title。但是我无法在我的头组件中访问相同的内容。我甚至将navigation作为支柱传递给标头，但它包含了作为活动路由的选项卡，而不是作为活动路由的抽屉的initialRoute。这就是我如何使用标头组件的方式。
<MyHeader nav
浏览 2提问于2019-10-31得票数 0
回答已采纳
我想在顶部创建一个标题，每个屏幕的标题和右边的按钮，以打开反应导航3.x中的抽屉
在下面的代码中，没有显示标题。
//使用当前代码更新
import React, { Component } from 'react';
import { Button } from 'react-native';
import {
createStackNavigator,
createDrawerNavigator,
createAppContainer
} from 'react-navigation';
import MyHomeScree
浏览 0提问于2018-12-08得票数 5
4回答
反应导航抽屉V5
、、、
我使用的是react导航版本5。我将选项卡导航和抽屉导航放在一起。
我试图在页眉中添加一个图标来打开/关闭抽屉：
这是我用来切换抽屉的自定义右标头：
const HeaderRight = ({ navigation }) => {
return (
<View style={{flexDirection: 'row'}}>
<TouchableOpacity
onPress={ () =>{ navigation.toggleDrawer()}}> //here is the pr
浏览 2提问于2020-02-20得票数 5
回答已采纳
我有以下react-native代码： import React from 'react';
import {AppRegistry} from 'react-native';
import { createAppContainer } from 'react-navigation';
import { createStackNavigator} from 'react-navigation-stack';
import { createDrawerNavigator} from 'react-navigation-dr
浏览 20提问于2020-01-10得票数 1
回答已采纳
我正在开发一个React本机应用程序，我在主App.js文件上创建了一个抽屉和一个Stack Navigatior，我面临的问题是，当我在抽屉中导航到带有堆栈导航的页面时，我会得到两个标题(一个在另一个下面)，当我到达Stack页面时，有没有办法使用相同的标题(顶部标题或主标题)。
以下是App.js代码：
import 'react-native-gesture-handler';
import React from 'react';
import { StyleSheet} from 'react-native';
import { Navi
浏览 3提问于2020-11-16得票数 1
回答已采纳
1回答
Native-navigation
React-native-navigation
React-native-router-flux
React-navigation
哪个库现在有更多的功能(包括选项卡、自定义标题、底部导航、抽屉菜单)？
什么是使用本机路由，哪些不是？这有什么好处和缺点？
react本机是否有一些内置的导航选项，与其他选项(稳定性和功能数量)相比是否值得使用？
哪个图书馆被认为是标准？
浏览 0提问于2018-07-01得票数 1
我刚接触react native，我只是遵循react native导航官方文档，并尝试使用导航的startTabBasedApp。当我尝试从主页单击按钮进行重定向时，实际的startTabBasedApp页面显示错误:未定义不是函数(计算'_reactNativeNavigation2.default.startTabBasedApp').如何解决此错误..
undefined不是函数(评估'_reactNativeNavigation2.default.startTabBasedApp') startTabs StartMainTabs.js How to
浏览 3提问于2018-05-24得票数 0
我需要创建一个简单的布局。我有一个header组件，在它下面我有一个带有内容的导航选项卡(参见sketch - https://imgur.com/a/9H7FMYU)。我希望通过react导航或react本机导航来实现这一点。我不想使用react-native-tab-view的原因是因为它不需要维护，并且有很多bug。 编辑:我刚刚发现React导航使用react-native-tab-view来显示标签。因此，如果您正在寻找解决方案，请在下面使用@user:568754 answer或使用带有标题的react-native-tab-view
浏览 10提问于2019-02-13得票数 2
回答已采纳
我用的是反应导航：
"@react-navigation/native": "5.2.3",
"@react-navigation/stack": "5.2.18",
而且我有一个自定义的标题，一个特定的屏幕，但是我需要处理后退按钮才能回到以前的屏幕，但是我无法访问导航支柱。
function MainStackScreen() {
return (
<Stack.Navigator initialRouteName={'Splash'}>
浏览 1提问于2020-05-03得票数 1
首先，对于这个非常普通的问题，我很抱歉。我是React-Native的新手。 我已经在应用程序中使用了导航，我只是在导航栏上添加了从App.js注销的右按钮。该代码： import React from 'react';
import { StyleSheet, Text, View,SafeAreaView, ScrollView,Button,Alert} from 'react-native';
import PresentationalComponent from './PresentationalComponent'
import L
浏览 9提问于2020-10-10得票数 0
回答已采纳
我正在开发一个应用程序与ReactNative和反应导航。
我将DrawerNavigator设置为主UI。
但是，当应用程序启动时，它总是进入默认的项目屏幕，而不显示抽屉项目。
我遗漏了什么？
React导航版本："2.18.2“
App.js的代码如下。运行时，App显示"page1“，而不是显示2个绘图项'page1‘和'page1’
import React, {Component} from 'react';
import {Text, View} from 'react-native';
import { D
浏览 0提问于2018-11-28得票数 0
回答已采纳
我正在尝试在react-native中构建一个移动应用程序，但我在设置React导航时遇到了一些问题。 我想要实现的是一个底部的标签导航器，导航到‘主页’屏幕和‘个人资料’屏幕。在“主页”屏幕上，应该有一个按钮导航到标题中的“设置”屏幕。 我已经有了一个底部的Tab Navigator，它可以成功地在“主页”和“配置文件”屏幕之间导航，还可以使用Stack导航标题在“设置”屏幕的标题上有一个按钮。但是，我在使用此按钮导航到“设置”屏幕时遇到问题。 我的Stack导航器代码是： const MainStackNavigator = () => {
return (
<Stack
浏览 26提问于2021-01-23得票数 3
回答已采纳
2回答
使用嵌套导航器的导航选项
、、、
我还在学习反应本土化。我有点了解“反应导航”的工作原理。现在我有点被导航嵌套困住了。我会试着快点。
首先，有什么实用的方法来嵌套导航员？
我是用筑巢的方式做的，但遇到了一个问题。Im只能在嵌套导航器中更改导航选项，而不能在组件屏幕中更改导航选项。我在打开其中一个屏幕的抽屉菜单时遇到了困难，因为我使用自定义的标题加上嵌套的导航器。我有一个类似的代码用于测试：
App.js (航海家)
import React, { Component } from 'react';
import { createStackNavigator, createDrawerNavigator, c
浏览 1提问于2019-03-07得票数 2
回答已采纳
我使用的是具有以下结构的react导航(V4)。
开关导航仪
export const RootNavigator = createSwitchNavigator(
{
naoLogado: { screen: NaoLogadoNavigator },
logado: { screen: PrincipalDrawerNavigator }
},
{
initialRouteName: "naoLogado"
}
)
然后，在NaoLogadoNavigator上我有以下内容：
import { createStackNavigator
浏览 7提问于2019-12-18得票数 0
回答已采纳
在下面的简化示例中，用户使用TextInput更新标签状态，然后单击标题中的“保存”按钮。在submit函数中，当请求label状态时，它返回原始值'‘，而不是更新的值。
要修复此问题，需要对导航headerRight按钮进行哪些更改？
注意:当Save按钮在呈现视图中时，一切都按预期的方式工作，而不是当它在标题中时。
import React, {useState, useLayoutEffect} from 'react';
import { TouchableWithoutFeedback, View, Text, TextInput } from 're
浏览 0提问于2020-06-07得票数 3
回答已采纳
1回答
标题标题似乎不能像预期的那样工作。 我已经将react-native和所有其他依赖项更新为最新版本，并查看了react导航文档。另外，我在github上为这个项目创建了一个bug。 如果我做错了什么，你能帮我看看吗？在使用TabNavigation时，我需要设置标题 const RootNavigator = createStackNavigator({
...publicScreens,
Private: {
screen: PrivateNavigator
}
}, publicScreensConfig);
const privateScree
浏览 7提问于2018-12-24得票数 1
回答已采纳
我用的是本能反应。我想用react-native-swiper的斯威珀。
从“react本机- Swiper”导入swiper；
如您所见，按钮的颜色被设置为blue作为默认的以及size。
我使用这个Swiper如下所示。
<Swiper
style={{
width,
height: 400,
}}
buttonWrapperStyle={{
paddingHorizontal: 20,
}}
horizontal
showsButtons={true}
showsPagination={true}
}
>
浏览 4提问于2022-02-25得票数 1
回答已采纳
1回答
作为react-native中的新手，我正在尝试找到一种方法来使用react-navigation处理不同的文件，而不需要导航栏(例如，只需单击登录视图中的一个按钮进入主视图，单击注销按钮返回登录视图)。
使用react导航，我创建了一个全局组件'Nav‘，并将其放在主AppRegistry调用中：
AppRegistry.registerComponent('myApp', () => Nav);
当在Navigator.js中时：
export const Nav = StackNavigator({
Login: { screen: LoginView
浏览 1提问于2017-04-06得票数 0
我用了React Native paper 。现在，我尝试返回选项卡中的withNavigation按钮，并收到错误。
不变冲突: withNavigation只能在导航器的视图层次结构上使用。包装组件无法从道具或上下文访问导航。
HomeScreen.js
import React from 'react'
import { View, StatusBar, Button} from 'react-native'
import { Subheading, withTheme } from 'react-native-paper'
imp
浏览 2提问于2019-12-11得票数 0
我正在使用React Native 0.61.x中的React Navigation5.x。目标是让导航的goBack功能表现得像安卓的默认后退按钮。在下面的示例中，用户登录到配置文件页面，它位于StackNavigator内部。 单击该按钮将导航到包含两个选项卡的BottonTabNavigator。在标签之间切换后，我希望goBack的行为类似于安卓的硬件后退按钮，它可以将用户导航到最后一个可见的标签。当BottomTabNavigator的历史堆栈为空时，它会转到配置文件页面。但是，单击StackNavigator标题中的后退箭头将再次导航回起始页。 我尝试分派goBack事件，而不是
浏览 17提问于2020-04-01得票数 0
初始导航工作正常，但当我按回或按相同的选项卡(回去)，应用程序关闭。
我使用React导航v6+和导航器(如Stack和Material底部Tabs )。
主导航
<Tab.Navigator
initialRouteName='TabMovie'
activeColor="#f0edf6"
keyboardHidesNavigationBar={true}
inactiveColor="#000000"
shifting={true}
barStyle={{
borderWidth: 0,
ele
浏览 8提问于2022-08-29得票数 0
回答已采纳
我读过一个react-native-screens包在使用react-navigation时使react-native导航更快的标题。
而且我找不到一个很好的使用帮助。
现在我想知道
我需要单独安装这个包吗？是否内置于以前的反应导航中?如果它是以前内置的，那么我需要使用它还是已经使用了？。
浏览 11提问于2019-10-15得票数 1
1回答
我有一些关于React Native Navigations v5的问题 我的main函数中有一个子函数。我也有screenOption = (navData)函数用于自定义我的导航，并且这里有几个标题按钮，它们超出了我的主函数。我的问题现在我不确定如何从我的screenOption = (navData)访问位于我的主函数中的subFunction。例如，当点击标题按钮上的图标时，它将触发调度函数来存储位于主函数内部的内容。 const mainfunction = (props) =>{
subfunction = async(data) =>{
dispatch(acti
浏览 7提问于2021-08-10得票数 0
回答已采纳
1回答
您好，我正在尝试从名为“商品”的产品页面中导航到购物车，但我似乎无法使用标题导航。我试过使用选项和屏幕选项，但两者都不起作用，我想我把导航放错了地方？我已经将购物车导航加载到了merch nav中，但是我似乎无法从购物车图标组件导航到它 MerchNav import React from 'react';
import { StyleSheet, Text, View, Image, SafeAreaView, Dimensions } from 'react-native';
import { useDimensions } from '@reac
浏览 10提问于2021-04-10得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
