是否使用React Native中的React导航将navigationOptions中的header设置为空？
在React Native中使用React导航时，可以通过设置navigationOptions中的header为空来隐藏页面的导航栏。
React导航是React Native官方提供的一种导航解决方案，它可以帮助开发者在应用程序中实现页面之间的导航和跳转。
navigationOptions是React导航中的一个配置项，用于设置页面的导航栏样式和行为。通过设置header为空，可以隐藏导航栏，使页面内容占据整个屏幕空间。
这种做法适用于一些特殊场景，例如需要全屏展示内容或者自定义导航栏样式的情况。
推荐的腾讯云相关产品是腾讯云移动应用开发平台（https://cloud.tencent.com/product/mapp）和腾讯云移动推送（https://cloud.tencent.com/product/tpns），它们提供了丰富的移动开发工具和服务，可以帮助开发者快速构建高质量的移动应用。
注意：本答案中没有提及其他云计算品牌商，如有需要可以自行搜索相关信息。
相关·内容
我需要有一些屏幕没有底部标签，一些屏幕有底部标签。 以下是我的依赖项： "dependencies": {
"expo": "~38.0.8",
"expo-status-bar": "^1.0.2",
"react": "~16.11.0",
"react-dom": "~16.11.0",
"react-native": "https://github.com/expo/react-
浏览 30提问于2020-08-07得票数 0
当试图在视图中导航时，应用程序崩溃。并且错误日志中没有关于原因的足够信息。我已经尝试在节点版本或react导航之间切换，但似乎什么都不起作用，该项目还为主题实现了react-native-paper。导航中包含以下配置： const SomeView = createStackNavigator({
SomeView:{
screen: SomeViewScreen
},
AnotherView:{
screen: AnotherViewScreen
}
},
{
mode: 'card',
// headerMode: 'n
浏览 1提问于2019-09-03得票数 1
3回答
如何在React Native应用程序中更改导航标题的颜色？
我试着初始化背景颜色，但它不起作用。
下面是我的navigationOptions代码片段
static navigationOptions = ({ navigation }) => ({
header: props => <Header
navigation={navigation}
title={'Dashboard'}
toggleDrawer
/>
})
另外，可以设置状态栏的颜色吗？
浏览 3提问于2018-05-04得票数 4
回答已采纳
我正在使用react原生的react- navigator堆栈导航器中的底部标签导航器。当堆栈到达底部选项卡导航器时，我希望从页眉的左侧或右侧元素导航。我添加了左和右按钮，但当我尝试导航时，它给我错误，我的导航器如下所示。
import { createAppContainer } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';
import FIcon from 'react-native-vector-icons/FontA
浏览 16提问于2019-11-24得票数 0
1回答
我使用react导航来处理我的应用程序导航。我有一个问题。我有5个导航文件。我有在StackNavigator上使用它的createMaterialTopTabNavigator。但我不能在他们之间导航。 我的createMaterialTopTabNavigator import React, { Component } from 'react';
import {
StyleSheet,
View,
Dimensions,
} from 'react-native';
import { createMaterialTopTabNavigator
浏览 12提问于2019-02-06得票数 1
如何从app.js文件中设置所有导航栏的通用颜色，这里我们使用createStackNavigator作为导航我的app.js
import React, {Component} from 'react';
import { StyleSheet,} from 'react-native';
import { createStackNavigator } from 'react-navigation';
import Login from './src/pages/Login';
import SignUp from &#
浏览 0提问于2018-10-25得票数 0
我在一个使用react导航库的react-native项目中有一个堆栈导航器。最初，我不想显示任何标题。在即将到来的屏幕上，我希望显示一个动态标题。因此，在我的导航器配置对象中，如下所示： const authStackConfig = { initialRouteName: 'Login', headermode: 'none' }; 在屏幕实现上，我有 static navigationOptions = {headerMode:'screen'} 但是headerMode不是navigationOption属性... 我尝试将导航器配置选
浏览 62提问于2020-01-13得票数 0
嗨，我正在尝试使用navigate函数导航到下一个组件。我使用react-navigation在多个组件之间导航。
假设我有index.android.js和DashboardScreen.js组件。我正在尝试从索引组件导航到DashboardScreen.js组件。
它正在导航，但索引组件始终保留在组件堆栈中。当我按back的时候，它会打开index.android.js，这是不应该的。有谁知道如何在react-native中管理这一点。在安卓系统中，finish()可以做到这一点。
navigate("DashboardScreen");
当我从SplashScreen导航
浏览 2提问于2017-08-19得票数 20
试图创建抽屉使用反应导航。
使用React Native 0.59，安装了React-Navigation 3.x，完成了reactnative link react-native-gesture-handler的链接。
使用React导航创建路由，称为Route.js：
const Drawer = createDrawerNavigator(
{
Settings: {
screen: HomeScene,
navigationOptions: {
title: 'Home',
drawerIcon: ()
浏览 0提问于2019-07-31得票数 2
回答已采纳
1回答
我正在构建一个应用程序，作为一个测试，我将令牌存储在密钥链中。在导航中，我使用堆栈导航器和切换导航器。我正在尝试从密钥链中检索令牌，并使用它来确定intialRouteName :如果令牌存在->主，如果没有->身份验证。
这是我的密码：
Navigation.js
import React, { Component } from 'react'
import {
createStackNavigator,
createAppContainer,
createSwitchNavigator
} from 'react-navigation
浏览 2提问于2019-06-02得票数 0
1回答
我刚接触react native，而且我似乎只能在react native的return()方法中找到有关如何在屏幕之间导航的文档。我想知道在函数调用中导航的语法是什么。我遇到问题的那一行是37行(在login函数中)。
import React, {Component} from 'react';
import {
View,
Text,
TouchableHighlight,
TouchableOpacity,
TextInput
} from 'react-native';
import Input from './Input&
浏览 0提问于2017-07-05得票数 0
我只使用功能组件在react-native中设置导航。如何删除屏幕上的标题？
const AppScreen = ({ navigation }) => {
//Desc => removing header
AppScreen.navigationOptions = {
header: null
};
return (
<>
<Text>LoGinScreen</Text>
</>
);
};
不会显示错误消息，但应用程序会使用标题进行呈现。
浏览 0提问于2019-07-10得票数 3
实现createDrawerNavigator但不起作用。
主组件
import React, { Component } from 'react';
import Menu from './MenuComponent';
import { DISHES } from '../shared/dishes';
import { View,Platform } from 'react-native';
import Dishdetail from './DishdetailComponent';
import
浏览 0提问于2018-12-22得票数 2
回答已采纳
2回答
为什么eslint会抛出这个错误？Javascript在React Native中运行时没有问题。代码取自位于：的反应导航示例
Javascript：
static navigationOptions = { header: null };
eslint错误：
error Parsing error: Unexpected token =
.eslintrc.js文件：
module.exports = {
"extends": "standard",
"plugins": [
"react",
浏览 2提问于2017-06-19得票数 15
回答已采纳
我正在开发一个带有React导航和Apollo的React Native应用。 要设置标头标题，通常使用navigationOptions class DemoComponent extends React.Component {
public static navigationOptions = ({navigation}) => ({
title: navigation.getParam("myParam", "Default title")
})
public render() {
// ...
}
} 使用A
浏览 8提问于2019-02-09得票数 0
回答已采纳
1回答
我有一个从AsyncStorage获取键值的index.android.js，如果value为true，那么我想导航到DashboardScreen，否则导航到StackNav。
index.android.js
/**
* @flow
*/
import React, { Component } from "react";
import { AppRegistry } from "react-native";
import { StackNav } from "./router";
export default class Schedul
浏览 11提问于2017-08-21得票数 0
回答已采纳
我正在使用React导航，我有一个StackNavigator，这是带有Stack + Tabs Navigator的app.js：
import React from 'react';
import { AppRegistry } from 'react-native';
import { StackNavigator, TabNavigator } from 'react-navigation';
import LoginScreen from './app/screens/LoginScreen';
import Regi
浏览 0提问于2017-05-31得票数 9
回答已采纳
2回答
我用createStackNavigator和createBottomTabNavigator创建了两个选项卡，下面是一个屏幕截图
我的App.js代码如下
import React from 'react';
import { StatusBar, View, Text } from 'react-native';
import MainNavigator from './src/navigation';
export default class App extends React.Component {
render() {
浏览 2提问于2018-05-25得票数 1
回答已采纳
我正在尝试通过容器将Redux mapStateToProps()和mapActionCreators()连接到登录屏幕，并且我使用的是React导航。
生成我的应用程序后，会出现以下错误消息：
_react“默认”.memo不是一个函数。(在“_react”默认值“.memo(ConnectFunction)”中，“_react”默认值“.memo”未定义。
我搜索了一段时间，但我得到的是React.memo()帮助我们控制组件重发时的情况，但我不使用任何与React.memo()相关的代码。
登录屏幕：(屏幕/LoginScreen/index.js)
import React f
浏览 0提问于2019-04-15得票数 14
我想复制我的代码，但是它太长了。然而，实际上我有两个导航页面，一个是HomePage，另一个是ResultPage。首先，我在HomePage中执行操作，然后将其传递给ResultPage。但当我点击安卓系统的“后退”按钮时，它会导航回HomePage。我不想回去。我想取消HomePage操作。我该怎么做呢？
import React from 'react';
import { StyleSheet, Text, View} from 'react-native';
import { Button } from 'react-native-elem
浏览 1提问于2018-10-04得票数 0
1回答
我有一个屏幕，它有选项卡栏导航，其中每个屏幕都是堆栈导航类型，每个屏幕中定义了几个屏幕。当我从FamilyMembers导航到SingleContact屏幕时，我不希望看到顶部有后退按钮的导航栏。我希望我的看法(蓝色的)在单一接触，从顶部开始。但是，虽然我将标题设置为null，但它还是出现了！请帮帮忙。
//？
import { Text, AsyncStorage, Image, FlatList, Alert, ActivityIndicator, Platform, StyleSheet, View } from 'react-native';
im
浏览 0提问于2019-05-25得票数 0
回答已采纳
我正在尝试使用NavigationActions导航，但由于某种原因，它不能导航。我正试着从LoginScreen转到HomeScreen。
登录屏幕：
constructor(props){
super(props)
this.state = {
email: '',
password: '',
status: '',
}
this.handlePress = this.handlePress.bind(this)
}
handlePress(){
fi
浏览 3提问于2017-06-10得票数 2
回答已采纳
当标题被单击时，我希望它导航到下一页。但是，我不知道如何访问类之外的导航道具。对怎么做有什么建议吗？
import React,{Component} from 'react'
import { View, Text, TouchableOpacity, FlatList} from 'react-native'
class header extends Component {
render(){
return(
<TouchableOpacity
onPress={() => **this.prop
浏览 3提问于2017-05-17得票数 0
回答已采纳
1回答
如何在react导航中实现从默认头组件扩展的ThemedHeader？我已经尝试过这样的东西了：
作为类组件
import React, {PureComponent} from 'react';
import {Header, HeaderProps} from 'react-navigation-stack';
import {StyleSheet} from 'react-native';
import {ThemeContext} from 'styled-components';
export default clas
浏览 4提问于2019-11-29得票数 1
回答已采纳
我正在使用React Native中的react-navigation v2，每当我想要返回到根导航器中的某个路由时，它就会被阻塞。
我有如下的路由堆栈：
const HomeStack = createStackNavigator(
{
Home: Home,
CreateInvoice: CreateInvoiceScreen,
InvoiceSummary: InvoiceSummaryScreen,
PinEntry: PinEntryScreen
},
{
navigationOptions: {
header: nul
浏览 0提问于2018-08-21得票数 0
2回答
如何在中将屏幕模式锁定为纵向模式
我使用的React导航版本: 4.0.10
这是我的导航结构
const AppNavigation = createSwitchNavigator({
Initialize: {
//screen: SplashScreen,
screen: Login,
},
ApplicationIntro: {
screen: ApplicationIntro,
navigationOptions: {
header: null,
},
浏览 7提问于2019-11-24得票数 2
回答已采纳
我总是使用反应-本机-路由器-流量导航，但在这个项目，我需要使用反应导航，我有一些麻烦。我需要在堆栈导航器中实现抽屉和tabBar。
问题：
我使用本机库中的标头组件，但无法打开抽屉。
如何为抽屉和tabBar使用我自己的自定义组件？
也许我需要修整一下结构。我会考虑如何改善架构的任何建议。
我用了第3版的反应导航。
我的代码：
const AppStackNavigator = createStackNavigator({
loginFlow: {
screen: createStackNavigator({
intro: { scr
浏览 1提问于2018-11-25得票数 1
回答已采纳
2回答
如果你帮我，我会很高兴的。我正在使移动应用程序与反应原生。在这个应用中，我使用的是react导航。我有一个包含底部选项卡导航代码的文件app.js - home.js。在home.js中，我有两个类。1个类是主类，第二个类用于按钮导航。当我导航到第二页(第二类)时，我想隐藏底部选项卡导航，.I尝试了tabBarVisible: false，但这不起作用。请帮帮我。代码： // app.js
const TabNavigator = createBottomTabNavigator({
Home:{
screen:Home,
navigationOptions:{
浏览 26提问于2019-06-06得票数 0
回答已采纳
2回答
我试图从一个组件导航到另一个组件。我所犯的错误正在被媒体报道：
未定义不是计算this.props.navigation.navigate的对象。
header.js
import React, { Component } from "react";
import { View, Text, StyleSheet, Button, Image } from "react-native";
import Icon from "react-native-vector-icons/FontAwesome";
export default c
浏览 1提问于2018-04-05得票数 0
2回答
我正在尝试华北的地图服务：
react-native-hms-map
但是当我从堆栈导航器调用组件时，它没有显示地图，如果我只在App.js中放置Mapview的de组件，它会显示映射，我尝试使用不同的样式，但我不知道该做什么。
这是我使用的代码：
Map.js
import React, {Component} from 'react';
import {View, StyleSheet, Picker} from 'react-native';
import MapView from 'react-native-hms-map';
浏览 3提问于2020-07-06得票数 1
2回答
我正在使用React Native App中的React导航，并为我的路径创建了一个自定义标头组件
如下所示：
const Router = StackNavigator({
Main: {
screen: Main,
navigationOptions: ({navigation}) => ({
header:<Header title="Main"/>
})
},
})
当使用自定义标题组件时，本地动画不工作，我想知道如何在标题中实现动画，就像这里的一样
浏览 1提问于2017-07-05得票数 2
问题：
我创建了一个react本机应用程序。在这里，我使用了反应性本机堆栈导航器和底部标签导航器。看上去就是这样。
这就是我的应用程序的样子。
我想要做的是删除被圈的标题栏和绿色在底部标签上圈线。
这是我的app.js文件。
import React from "react";
import Login from "./src/components/Login/Login";
import Register from "./src/components/Register/Register";
import Route from './s
浏览 3提问于2019-09-26得票数 0
回答已采纳
1回答
我是新来的React Native，我一直在谷歌上搜索，但找不到答案。
我正在使用React导航，并制作了一个自定义侧边栏：
import React, { Component } from 'react'
import {DrawerItems} from 'react-navigation'
import { AppRegistry, StatusBar } from "react-native";
import { Container, Content, Text, List, ListItem } from "native-bas
浏览 0提问于2017-12-24得票数 2
? ? 我正在构建我的第一个react-native应用程序，但我遇到了一个无法解决的问题。在主屏幕上，我不想要任何标题，而在其他页面上，我想保留导航选项。 我想建立一个简单的主页，与我的按钮注册和登录，问题是我不能隐藏在任何应用程序页面上的第一个标题，我不知道问题是在标题，或可能在一些其他组件？请查看下面的代码。 class HomeScreen extends React.Component {
static navigationOptions = {
header:null,
headerVisible:false
}
re
浏览 6提问于2019-05-30得票数 0
1回答
我试图建立不同视图之间的导航反应-本地移动应用程序。但是，我的导航对象(要运行navigation.navigate)总是为空。因此，每当我单击“连接”或“铭文”时，它就会抛出以下错误：
TypeError, undefined is not an object (evaluating "navigation.navigate")
我的文件：
列表dependencies)App_Default.js (入口点) package.json重定向到登陆页landing.js)Three视图。landing.js)The导航配置(Navigation.js)中存在的问题
pack
浏览 4提问于2020-08-02得票数 0
回答已采纳
1回答
我创建了两个选项卡。 下面是我的react导航配置设置： navigator/index.ts import { createAppContainer, createSwitchNavigator } from 'react-navigation';
import RootScreen from '../components/RootScreen';
import MainStack from './MainStack';
const RootStack = createSwitchNavigator(
{
RootScreen
浏览 13提问于2020-01-22得票数 1
尝试按照以下指南为我的项目设置深度链接：
但是，在尝试实现时，我总是看到主屏幕，而不是帐户屏幕。
运行如下示例：
adb shell am start -W -a android.intent.action.VIEW -d "hdsmobileapp://main/account/" com.digithurst.hdsapp
我有一个嵌套的导航，可以在下面看到：
import {createDrawerNavigator, createStackNavigator} from "react-navigation";
import {Navigation
浏览 0提问于2019-06-07得票数 6
我在我的项目中使用了反应导航。我想在抽屉导航中使用堆栈导航。我想在堆栈导航屏幕中使用this.navigation.toggleDrawer()，但不要在堆栈导航屏幕中附加这个。
// drawer-navigation.js
import React, { Component } from 'react';
import { DrawerNavigator } from 'react-navigation';
import StackNavigation from './stack-navigation';
import Screen1 fr
浏览 3提问于2018-09-20得票数 0
我使用的是react-native和redux。我还使用了react导航，我有一个底部选项卡导航器，其中第二个RouteConfig navigationOptions为tabBarOnPress提供了一个函数。我想在这个回调中调度一些redux操作。
import store from "./Store"
const BottomTab = createBottomTabNavigator(
{
First: FirstScreen,
Second: {
screen: SecondScreen,
浏览 1提问于2018-09-04得票数 2
到目前为止一切都很好，我还处于学习阶段，希望有人能给我一点帮助。
我正在使用原生的react，我试图在抽屉导航中添加图标，但其中一个图标/纸平面被剪切了，
谁能告诉我如何使图标周围的空间更大？
import {createDrawerNavigator, createStackNavigator} from 'react-navigation';
import Header from '../components/Header';
import AppNavigator from './AppNavigator';
import Notif
浏览 0提问于2020-02-04得票数 0
4回答
我使用的反应导航v2和反应本机矢量图标。
我正在尝试添加一个图标在一个反应本机标签导航器。
如果图标不在选项卡导航器中，则会显示该图标。图标没有显示在选项卡导航器中，我也找不到如何在选项卡导航器中添加图标的实例。
import React, { Component } from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { createMaterialTopTabNavigator } from 'react-navigation'
impor
浏览 3提问于2018-05-20得票数 23
回答已采纳
我有一个函数，它在按下<TouchableWithoutFeedback>区域时执行：
navigateToRentable = () => {
console.log('in navigateToRentable');
this.props
.navigation
.dispatch(StackActions.reset({
index: 0,
actions: [
NavigationActions.navigate({
routeName: '
浏览 2提问于2018-09-13得票数 4
回答已采纳
我正在使用react导航。我想在屏幕的标题上显示抽屉。目前，当我打开抽屉时，我的页眉并没有隐藏在抽屉下面。
import React from 'react';
import { View, Text, StyleSheet } from 'react-native';
import { createStackNavigator, createDrawerNavigator } from 'react-navigation';
import CategoryScreen from './CategoryScreen';
im
浏览 2提问于2018-05-12得票数 13
回答已采纳
我一直在关注https://reactnavigation.org/docs/3.x/navigating-without-navigation-prop/上的指南。但是，当我按照给定的代码片段创建导航服务并尝试在导航器组件中设置顶层导航器时，它不会导航到所需的屏幕。我想要导航到brandscreen.js时，点击主屏幕上的品牌徽标(希望tp实现商店的品牌)，但不能导航。 App.js import React, { Component } from 'react';
import { View, Text, StyleSheet,Image} from 'react
浏览 14提问于2020-04-15得票数 0
在我的反应导航StackNavigator中有一个屏幕，看起来像这样：
import React from 'react';
import { FlatList, ScrollView, StyleSheet, Text, View } from 'react-native';
import { List, ListItem } from 'react-native-elements';
import Accordion from '@ercpereda/react-native-accordion';
export defau
浏览 3提问于2018-04-09得票数 1
我有一个带有React导航的React Native应用。在我的应用程序中，tabNavigator里有3个标签: CHANNELS，FAVORITES，PROFILE_SCREEN。我需要制作一个从频道到另一个屏幕的stackNavigator。如何为CHANNELS选项卡创建stackNavigator？我可以用哪种方法呢？如何让它流畅，能有人来帮助吗？
import React from 'react'
import Ionicons from 'react-native-vector-icons/Ionicons'
import {
createSt
浏览 19提问于2019-07-16得票数 1
1回答
嗨，我正在使用以下软件包
{
"name": "awesome",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"test": "jest"
},
"dependencies": {
浏览 0提问于2018-10-22得票数 0
回答已采纳
我正在用react-native构建一个应用程序。我正在尝试使用switchNavigator在导航中动态设置初始路径名称。下面是我的代码： Navigation.js import { createStackNavigator, createAppContainer, createSwitchNavigator } from 'react-navigation'
import homeDisconnect from '../screens/homeDisconnect.js'
import Login from '../screens/Login&#
浏览 25提问于2019-05-29得票数 0
我的目标是从版本4-5中转换React本机堆栈导航器.我遇到了一些挑战，任何帮助都将不胜感激。
错误：“带有有效载荷的操作‘导航’{”名称“：”Auth“}没有被任何导航器处理。您有名为'Auth‘的屏幕吗?如果您试图导航到嵌套导航器中的屏幕，请参见。
Nav流:对用户进行身份验证(使用firebase)，然后转到包含已经功能良好的底部选项卡导航器的组件。加载屏幕->登录->在应用程序中注册-> (作为组件)。
这个导航器在app.jsx文件中，下面是代码。注意到：我注释掉了v4堆栈导航器，它们工作得很好。同样，我想将其转换为最新版本5。
import Re
浏览 2提问于2020-03-04得票数 2
回答已采纳
1回答
我正在创建一个react原生应用程序，当我想要在屏幕之间导航时，我遇到了问题，它给出了错误，因为“无法读取未定义的属性‘导航’”。我想当我按齿轮图标时，它必须导航到设置部分。我看不清哪里弄错了。
设置按钮可触摸不透明度
import React from 'react';
import {createStackNavigator} from 'react-navigation-stack';
import { createAppContainer} from 'react-navigation';
import PS from '..
浏览 5提问于2021-06-07得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
