React Native中NavigatorIOS组件的简单使用

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

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

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
JavaScript 就要统治世界了？

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

AbnerMing 2019-08-21 10:41 评论0 收藏0