`
wenxin2009
  • 浏览: 320534 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Ract Native笔记

 
阅读更多

Ract Native

一、Ract Native介绍:

      React Native是一款用来开发原生、可渲染iOS和Android移动应用的JavaScript框架。它基于Facebook公司开源的JavaScript用户界面开发框架React而产生。

      React传统方式:可跨平台、可通过编写JavaScript、HTML和css方式进行应用开发使用WebView进行界面渲染。该方式性能损耗大、体验没有原生的真实。

   如:PhoneGap

 

   而React Native实现了真正原生UI组件,利用了所用平台现有的视图渲染方式。

 

   React传统做法是DOM(Document Object Model,文档对象模型),进行渲染。

   而React Native则是通过调用Objective-C\Java的API去渲染iOS和Android组件。

   所以React Native不同于基本于Web视图的跨平台应用开发方案。

 

 

 

二、Ract Native塔配环境:

    搭建环境:

     1、安装Homebrew  http://brew.sh/index_zh-cn.html

 

 

   安装flow时,出现不能安装情况,更新brew。如下:

   brew update

   brew upgrade

 

   注:在安装各包时,注意下权限,有的需要root权限才能安装。

 

   创建工程问题:

   初始化工程时,执行react-native init FirstProject 报以下异常:



 解决办法,是因为node版本太低,需要升级node版本,可以执行以下命令升级:

 第一步:npm install -g n

 第二步:n stable

工程创建成功后,工程结构如下图:


 

  • 大小: 64.2 KB
  • 大小: 53.1 KB
分享到:
评论

相关推荐

    TodoApp:RactNative

    【TodoApp:ReactNative】项目详解 TodoApp是一款基于React Native技术实现的待办事项应用。React Native是由Facebook开发的开源框架,它允许开发者使用JavaScript和React语法来构建原生移动应用程序,支持iOS和...

    react-native-overlay-section:覆盖部分,例如iOS通知中心

    yarn add react-native-overlay-section 或者 npm i react-native-overlay-section --save 使用范例 import React , { Component } from 'react' ; import { View , Text , } from 'react-native' ; import ...

    react-native-cache:在AsyncStorage之上构建本机LRU缓存

    npm install --save react-native-cache 导入库。 import { Cache } from "react-native-cache" ; 用法 您可以使用以下方法初始化缓存。 const cache = new Cache ( { namespace : "myapp" , policy : { ...

    reactnative实现的折叠列表二级列表展开点击时改变字体颜色

    在React Native中构建一个具有折叠效果的二级列表,并在点击时改变字体颜色,涉及到的关键技术主要包括React Native的基础组件使用、ListView的实现以及事件处理。React Native是Facebook推出的一个开源框架,它允许...

    React-Native做一个文本输入框组件的实现代码

    React-Native 文本输入框组件的实现代码 React-Native 文本输入框组件的实现代码是React-Native开发中非常重要的一部分,本文将详细介绍如何实现一个文本输入框组件的实现代码。 知识点1:React-Native 中的Text...

    Ract-3-plot.html

    Ract-3-plot.html

    ractive-browserify:browserify转换可激活

    默认为"ract"笔记以前的版本支持justTemplate选项,但是较新的Ractive解析方法仅输出模板,因此除非有其他必要/支持,否则将其删除。为什么ractive-transform的重点是使发布保持与Ractive的最新状态,最好是同一天...

    material-ui-ract

    Material UI播放列表的入门项目 在启动应用程序之前,下载代码并运行npm install来安装依赖项。 您还需要将Material UI安装为依赖项。 为此,请运行npm install @ material-ui / core

    package-templating-ractive:Ractive的模板(* .ract)与Meteor的集成

    的模板(* .ract)与Meteor的集成允许在*.ract包含模板。 可以访问编译的模板: // example for template : file.ractRact.getTemplate('file')

    react_idx_2todo:Ract + IndexedDB,Todo应用

    Ract + IndexedDB,Todo应用 建立 npm install --global纱线 纱线-版本 yarn global添加create-react-app npx create-react-app app1 npm安装 npm install react-router-dom-保存 npm install axios-保存 npm ...

    react_app3_1crud:Cloud Firestore + Ract,CRUD 示例

    Cloud Firestore + Ract,CRUD 示例 设置 npm install --global yarn 纱线 --version 毛线全局添加create-react-app npx create-react-app app1 安装 npm install react-router-dom --save npm install axios --...

    react_app3_3cmsedit:Cloud Firestore + Ract,CMS 编辑应用

    react_app3_3cmsedit 版本:0.9.1 作者:中岛浩司/ kuc-arc-f.com 日期 : 2020/12/30 更新 : 2021/01/01概括Cloud Firestore + Ract,CMS 编辑应用设置npm install --global yarn 纱线 --version 毛线全局添加create...

    nwitter:使用Ract和Firebase克隆Twitter

    **Nwitter:使用React和Firebase构建Twitter克隆** 在当今的Web开发中,React和Firebase是两个非常流行的工具。React是Facebook开发的JavaScript库,用于构建用户界面,特别是单页应用(SPA)。...

    Oracle+11g+RAC+DG项目实战

    ### Oracle 11g RAC + DG 项目实战解析 #### 概述与背景 本文档详述了在Oracle Enterprise Linux (OEL) 5.5 X86_64位系统上部署Oracle 11g R2 (11.2.0.3.0) RAC(Real Application Clusters)的全过程,以及与之...

    Ract-freelancerProject

    这是Freelancer App 在此应用中,您可以共享工作机会 访客可以看到所有要约您可以:创建要约查看所有要约编辑您的工作 1.启动新应用 npx create-react-app。 在端口3000上工作 2.启动REST Server ...

    tvseriestracker:带有node.js后端的Ract应用

    电视连续剧 目录 基本信息 一个可跟踪您喜欢的电视连续剧的网络应用。 ... 它具有一个用户系统,其中用户必须先登录才能访问该站点,因为几乎所有在该站点上的使用都需要使用用户帐户。 目前,它支持登录,搜索节目并...

    marvel-app:Ract,redux-devtools,material-ui,打字稿

    Create React App入门 该项目是通过引导的。 可用脚本 在项目目录中,可以运行: yarn start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑,则页面将重新加载。 您还将在控制台中看到任何...

    Weather-app-reactjs:使用上下文API和ract-hooks的Reactjs Weather App

    带有React Context API的Weather App 演示版

    reactive-wikipedia-reader:由Ract.js和Redux框架制作的Wikipedia阅读器

    **React.js与Redux框架在构建Web应用中的应用** React.js是由Facebook开发的开源JavaScript库,用于构建用户界面,特别是单页应用程序(SPA)。它主要关注视图层,但也可以与其他库和工具配合使用,形成完整的前端...

    前端开发react.js

    react是优秀的前端开发框架,有一系列优秀的组件,react.js是前端开发不可少的重要工具

Global site tag (gtag.js) - Google Analytics