java通用触屏导航_反应导航 - 在屏幕之间导航

冷不防 2022-11-04 15:27 139阅读 0赞

要在登录 - >主屏幕的屏幕之间导航，您需要定义单独的导航 . 使用主导航作为其他导航的常用导航

import HomeScreen from "../screens/user/Home";

import LoginScreen from "../screens/Login";

import ContactScreen from "../screens/Contact";

import LogoutScreen from "../screens/Logout";

........

const LoginStack = StackNavigator(\{

loginScreen: \{ screen: LoginScreen \},

// signupScreen: \{ screen: SignupScreen \},

// forgottenPasswordScreen: \{ screen: ForgottenPasswordScreen, navigationOptions: \{ title: 'Forgot Password' \} \}

\}, \{

headerMode: 'none',

navigationOptions: \{

headerVisible: false,

gesturesEnabled: false,

\}

\})

const HomeNavigation = StackNavigator(\{

HomeStack: \{ screen: HomeStack \}

\}, \{

headerMode: 'float',

navigationOptions: (\{navigation\}) => (\{

gesturesEnabled: false,

headerStyle: \{backgroundColor: '\#29B1FC'\},

headerTintColor: '\#ffffff',

\}),

\})

const HomeStack = DrawerNavigator(\{

HomeScreen: \{ screen: HomeScreen \},

ContactScreen: \{ screen: ContactScreen \},

LogoutScreen: \{ screen: LogoutScreen \},

\},

\{

contentOptions: \{

activeTintColor: 'black',

activeBackgroundColor : 'transparent',

inactiveTintColor : 'black',

itemsContainerStyle: \{

marginVertical: 0,

\},

iconContainerStyle: \{

opacity: 1,

\},

itemStyle :\{

height : 50,

\}

\},

\}

)

const PrimaryNav = StackNavigator(\{

loginStack: \{ screen: LoginStack \},

HomeStack: \{ screen: HomeNavigation \},

\}, \{

// Default config for all screens

headerMode: 'none',

title: 'Main',

initialRouteName: 'loginStack'

\})

export default PrimaryNav

........

按下按钮就会像这样工作

onPress=\{() => this.props.navigation.navigate('HomeStack')\}

//HomeStack = navigation of PrimaryNav

title="Go123"

color="\#841584"

/>

发表评论取消回复

表情：

评论列表（有 0 条评论，139人围观）

还没有评论，来说两句吧...

相关阅读

相关 java通用触屏导航_反应导航 - 在屏幕之间导航

要在登录 - >主屏幕的屏幕之间导航，您需要定义单独的导航 . 使用主导航作为其他导航的常用导航 import HomeScreen from "../screens/use

冷不防/ 2022年11月04日 15:27/ 0 赞/ 140 阅读

相关简单通用的导航条

1、下划线效果 ![20160707175136947][] <!doctype html> <html> <head> <

谁践踏了优雅/ 2022年09月23日 08:27/ 0 赞/ 155 阅读

相关商城导航

最近一直都在看慕课，看见些有意思的小特效也就在这记一下，今天看的是一款京东商城导航的，大体一看并不难，无论是C单一SS还是单一JS都不需要太多的逻辑，所以打算在这里记下来

淩亂°似流年/ 2022年08月03日 03:17/ 0 赞/ 166 阅读

相关导航栏

想必大家在百度上见过许多导航栏的代码，下面我来为大家安利三种比较实用的导航栏（仅靠html/css来实现）： 1 下拉菜单栏： <!DOCTYPE html>

深藏阁楼爱情的钟/ 2022年05月25日 10:58/ 0 赞/ 386 阅读

相关 Java 分类导航

Java 分类导航目前在学框架，持续更新中，和我一起学习 Java 吧一、准备类 [JAVA - JDK 1.8 API 帮助文档-中文版][JAVA

我就是我/ 2022年04月10日 05:48/ 0 赞/ 158 阅读

相关面包屑导航

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator

古城微笑少年丶/ 2022年01月15日 04:33/ 0 赞/ 375 阅读

相关网站导航

<!DOCTYPE html> <html lang="zh"> <head> 　　<meta charset="utf-8"> 　　<title> 网站导航

雨点打透心脏的1/2处/ 2021年12月11日 16:15/ 0 赞/ 330 阅读

相关导航栏

今天做一个百度首页的导航栏 ![在这里插入图片描述][20190716200535505.png] <!DOCTYPE html> <html>

「爱情、让人受尽委屈。」/ 2021年12月07日 11:55/ 0 赞/ 500 阅读

相关导航

导航后台导航初模型：home/models.py from django.db import models class Banner(models.Mod

ゝ一世哀愁。/ 2021年10月13日 02:43/ 0 赞/ 348 阅读

相关 Bootstrap导航

Bootstrap 导航 1. 定义导航组件基本结构：  <ul class="nav"> <li c

爱被打了一巴掌/ 2021年09月19日 02:34/ 0 赞/ 451 阅读