React Native中NavigatorIOS组件的简单使用

wangbinke 发布于2019-08-22 14:03 / 3332人阅读

摘要：导航是自带的导航组件，下面是它的简单应用。初始化第一个场景初始化第一个场景第二个场景前往下一个场景第二个场景这是第二个场景

NavigatorIOS 导航

NavigatorIOS是React Native自带的导航组件，下面是它的简单应用。

初始化第一个场景

import PropTypes from "prop-types";
import React, { Component } from "react";
import { NavigatorIOS, Text } from "react-native";
import { NextScene } from "react-native";

export default class NavigatorIOSApp extends Component {
  render() {
    return (
      
    );
  }
}

class MyScene extends Component {
  static propTypes = {
    title: PropTypes.string.isRequired,
    navigator: PropTypes.object.isRequired,
  }

  _onForward = () => {
    this.props.navigator.push({
      component:NextScene
      title: "第二个场景"
    });
  }

  render() {
    return (
      
        Current Scene: { this.props.title }
        
          前往下一个场景
        
      
    )
  }
}

第二个场景

export default  class NextScene extends Component {

  render() {
    return (
      
        这是第二个场景
      
    )
  }
}

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/92806.html

React Native 简介：用 JavaScript 搭建 iOS 应用(2)

摘要：分别命名文件为和。上述代码指定了当某列书籍被点击时响应一个回调函数。当组件的值改变时例如用户键入一些文本，将会调用组件，同时为组件指定一个回调函数。在调用时，回调函数和利用用户输入的数据将设置和属性。【编者按】本篇文章的作者是 Joyce Echessa——渥合数位服务创办人，毕业于台湾大学，近年来专注于协助客户进行 App 软体以及网站开发。本篇文章中，作者介绍通过 React N...

n7then 2019-08-21 10:37 评论0 收藏0
React Native 简介：用 JavaScript 搭建 iOS 应用(2)

摘要：分别命名文件为和。上述代码指定了当某列书籍被点击时响应一个回调函数。当组件的值改变时例如用户键入一些文本，将会调用组件，同时为组件指定一个回调函数。在调用时，回调函数和利用用户输入的数据将设置和属性。【编者按】本篇文章的作者是 Joyce Echessa——渥合数位服务创办人，毕业于台湾大学，近年来专注于协助客户进行 App 软体以及网站开发。本篇文章中，作者介绍通过 React N...

tigerZH 2019-06-25 14:29 评论0 收藏0
【0.44】React Native 中文更新日志

摘要：当代码确实调用了时才回调移除组件被声明为过期已经有一段时间了，所以在这次版本中直接移除了。本文为 Marno 原创，转载必须保留出处！公众号 aMarno，关注后回复 RN 加入交流群简书专题《 React-Native 开发阵营》，欢迎关注和投稿 React Native 优秀开源项目大全：http://www.marno.cn 一、导读本次更新亮点：在 IOS ...

Near_Li 2019-06-25 16:08 评论0 收藏0
JavaScript 就要统治世界了？

摘要：欢迎使用中文文档架构概览是网易项目团队开发的一个基于进行开发的应用层框架，提供了一个轻量级的容器来编写简单可维护的。 JavaScript 可以……嘛，不就是操作一下 DOM，可以让元素飞来飞去吗JavaScript 是……不就是用 jQuery 让网页动起来，顶多就是再用用 Ajax 和后端进行一下数据交换吗JavaScript 是一门……最讨厌和鄙视这种弱类型不需要编译的脚本语言...

AbnerMing 2019-08-21 10:41 评论0 收藏0
android有趣文章合集- 收藏集 - 掘金

摘要：使用起来非常开发利器介绍掘金本文翻译自著名博客，原作者是，点击此处可查看原文。这时你的心里肯定有轮播图控件的实现详解附开源链接掘金轮播图在开发中是非常常见的控件，一般的首页广告和电商类的商品详情图片都会用轮播图来实现。 Android性能优化（六）之卡顿那些事 - 掘金1、 Introduction 对普通用户而言，类如内存占用高、耗流量、耗电量等性能问题可能不会轻易发现，但是卡顿问题...

FingerLiu 2019-06-25 11:29 评论0 收藏0