rn_rnn - CSDN
精华内容
参与话题
  • RN 简介

    千次阅读 2018-03-01 14:32:33
    RN开发中常见技术方案 React Native开发 JS语法 Promise Aysnc Yield 生命周期 React Native 中 component 生命周期 布局 Flex 布局 基本 导航 react-native-navigation 网路请求 react-...

    RN开发中常见技术方案

    React Native开发

    JS语法

    Promise
    Aysnc Yield

    生命周期

    React Native 中 component 生命周期

    布局

    Flex 布局
    基本

    导航

    react-native-navigation

    网路请求

    react-native-navigation(cookie的管理)

    Props与State

    Rn中文网

    Redux与Saga,DeviceEventEmitter

    Redux
    Redux-saga
    Rn中文网

    与Android原生的交互

    Rn中文网

    展开全文
  • RN框架原理简介

    2020-07-28 23:32:37
    RN框架原理简介(React Native),是初学者有一个基本的整体的认识。
  • RN入门基础1:第一个RN项目-hello World

    千次阅读 2018-07-31 18:34:05
    因为webstorm会创建rn项目时会下载最新的react-native,所以运行程序到模拟器上,经常会出现各种红屏, 所以,将package.json的内容替换如下(里面是稳定版本的react-native和react-native cli) { "name&...

    1.新建工程,用webStorm创建一个react native项目

    首先打开package.json,

    因为webstorm会创建rn项目时会下载最新的react-native,所以运行程序到模拟器上,经常会出现各种红屏,

    所以,将package.json的内容替换如下(里面是稳定版本的react-native和react-native cli)

    {
      "name": "myprojectname",
      "version": "0.0.1",
      "private": true,
      "scripts": {
        "start": "node node_modules/react-native/local-cli/cli.js start",
        "test": "jest"
      },
      "dependencies": {
        "react": "16.3.1",
        "react-native": "0.55.4"
      },
      "devDependencies": {
        "babel-jest": "23.4.0",
        "babel-preset-react-native": "4.0.0",
        "jest": "23.4.1",
        "react-test-renderer": "16.3.1"
      },
      "jest": {
        "preset": "react-native"
      }
    }

    然后点击左下角的install

    有问题请参考

    2.配置文件package.json,程序入口代码文件App.jsindex.js

    基本代码分为四部分

    1)组件导入区:     所有用到的组件都需要事先进行导入,包括样式也需要进行导入
    2)核心代码区:     所有逻辑代码编写的地方
    3)组件样式区:     render方法中返回一些用于渲染结构的JSX语句,render() 方法中用到的组件在这里编写
    4)注册启动组件: 组件只有注册后才能运行。这里用到的 AppRegistry 也需要在组件导入区进行导入

    注册并启动组件在index.js文件中,index是 Android 手机和 iOS 手机上程序开始的入口

    代码解释:

    定义了一个名为 myprojectname 的新的组件(Component),

     并且使用了名为 AppRegistry 的内置模块进行了“注册”操作

     AppRegistry模块则是用来告知React Native哪一个组件被注册为整个应用的根容器。

    AppRegistry.registerComponent这个方法只会调用一次。只需整个复制到index.ios.js或是index.android.js

    效果展示:

    展开全文
  • RN开发的五大缺点

    千次阅读 2018-09-04 14:57:36
    1. 项目版本更新维护较频繁; 2. 整体性能仍不如原生; 3. 涉及底层的功能需要Android和Ios双端单独开发,JS调用; 4. 学习成本高;(需要熟悉原生) ...5. 试错成本高,有些问题较少解决方案,易耽误开发进度...

    1.  项目版本更新维护较频繁;

    2.  整体性能仍不如原生;

    3.  涉及底层的功能需要Android和Ios双端单独开发,JS调用;

    4.  学习成本高;(需要熟悉原生)

    5.  试错成本高,有些问题较少解决方案,易耽误开发进度。

    展开全文
  • 入门RN心得

    2019-06-28 15:45:30
    入门RN心得 众所周知RN从2013年进入APP开发市场至今已经流行5年之久了,曾3年前差点就有使用RN做项目开发的机会,但还是命运安排错过了,没想到这一错过就是3年之久。错过了进入RN的黄金时期也错过了RN的填坑时期。...

    入门RN心得
    众所周知RN从2013年进入APP开发市场至今已经流行5年之久了,曾3年前差点就有使用RN做项目开发的机会,但还是命运安排错过了,没想到这一错过就是3年之久。错过了进入RN的黄金时期也错过了RN的填坑时期。好了废话不多说,进入正题吧
    先介绍一下RN,这一点往往在面试时会提到
    RN是Facebook在2015年4月开源的跨平台移动应用开发框架,是FB开源的React框架的衍生物,React是基于JS的UI框架,是将MVC中的View单独抽出构建UI,其组件化的思路使得该框架具有很大的可维护性,借用一句话:凡FB出品,必属精品。要学习RN必须要懂JS,要了解React,还得要懂原生框架的特性,写iOS要熟悉UIKit特性,写Android要熟悉Activity和View。由于小编专业写iOS,刚上手写Android,所以只以iOS为例来讲解RN。
    一,搭建RN开发环境
    学任何一门开发语言首先第一步当时搭建该语言的开发环境。官方已经有很好的教程:https://reactnative.cn/docs/getting-started/
    这里提几个要点,也是反复遇到的几个坑,
    watchman的安装,遇到有报错,我这里是因为在/usr目录下缺少local文件夹
    npm是react各种框架的管理器
    yarn是npm的升级版比npm快
    目前不知道是坑还是常态,每次开机后运行RN项目都必须先在项目目录下运行
    npm install
    npm start
    然后才能 react-native run-ios
    二,学习JSX
    1,Props
    2,State
    3,样式(CSS)
    4,布局
    作为iOS原生开发的程序猿,其中样式和布局的学习至关重要,学会了样式和布局基本RN也就入门了。

    查找端口使用情况
    1、终端
    2、cd 到项目目录
    3、react-native start
    4、lsof -n -i4TCP:8081 //这句可以看打印出8081端口下的服务
    5、kill -9 //终止你其他占用端口

    总结一下学习RN过程使用的工具,尝试了几款ide,例如deco,subline,xcode;最后还是选择了webstorm,用了破解版的webstorm。deco是FB专门为RN设计的ide,但是类的索引做的很不好,不能依靠点击类找到类的声明。subline也是没法关联文件索引,且目录颜色太单调。xcode不用说,对js的支持不是很好。所以最后选择了webstorm,破解版的用的还不错。

    学习链接:
    https://www.cnblogs.com/yexiaochai/p/6042112.html
    http://www.devio.org/2019/03/03/react-basis-for-react-native/

    展开全文
  • 2017年最新React Native(RN)框架入门到精通,新手上手必备的视频教程
  • 前段时间粗糙的研究了下React Native,写了两篇集成文章(幸好写了文章,时间长了有些东西还真忘了文章一,文章二) 1、cd 当前目录 2、npm install react-native-deprecated-custom-components --save ...
  • 搭建第一个RN App的坑

    2019-07-12 11:31:58
    按照官网的知道来 ... 有几个要点要注意下 ...由于我是原生创建的安卓项目然后集成官网的RN,AS构建的node_modules是与app文件夹同级,而使用init命令构建的是/android/app/。 allprojects { repositories { ...
  • RN开发总结

    万次阅读 2017-06-15 17:12:21
    RN开发总结 RN方案的优势 相对于纯原生开发,我们为什么要选择RN? 项目价值 提升产品迭代速度 APP迭代周期变短需求/交互评审不再需要与多端开发同时沟通产品走查不再需要同时兼顾IOS和安卓端,...
  • flutter、rn、uni-app比较

    万次阅读 多人点赞 2019-08-28 16:30:46
    转自:DCloud社区 uni-app频道的文章Flutter、RN、uni-app比较 前言 每当我们评估新技术时要问的第一个问题就是“它会给我们的业务和客户带来哪些价值?”,工程师们很容易对闪闪发光的新事物着迷,却经常会忽略...
  • React Native可自定义的下拉式抽屉
  • RN 样式篇 Shadow 阴影效果

    千次阅读 2018-07-19 11:55:34
    RN 样式篇 阴影效果 @属性 shadowColor —–阴影的颜色,颜色色值以rgba取色值 shadowOffset —-阴影的偏移量,{width:0, height:2} shadowOpacity —设置阴影的不透明度 shadowRadius —-设置阴影的模糊半径 ...
  • grep -rn 查找及批量替换

    千次阅读 2019-10-11 11:09:34
    grep -rn可以关键词查找符合条件的文件的行;去重文件名,然后xargs替换模式 grep -rn "xxx" . |cut -d ':' -f 1 |sort |uniq |xargs sed -i 's/xxx /yyy/g'
  • ARM Cortex-M3 学习笔记(4-3)

    千次阅读 2012-09-07 19:53:55
    最近在学ARM Cortex-M3,找了本号称很经典的书“An Definitive Guide to The ARM Cortex-M3”在看。这个系列学习笔记其实就是在学习这本书的过程中做的读书笔记。 数据处理指令 Cortex-M3支持的数据处理指令非常多...
  • 前言前文React Native开发之——Webstorm快捷开发介绍了使用Webstorm快捷开发React Native,本文介绍Webstorm开发RN配置。Webstorm开发RN配置配置文件编码格式注:为避免莫名其妙的问题,本文所使用的编码格式统一...
  • RN 实现一个view的隐藏和显示

    千次阅读 2019-03-28 10:51:47
    之前写android的时候只需要控制visibility属性就可以了 在rn和es6结合中中感觉一切操作都要放在this.state中吧
  • || TRANSLATE(mod(a.rn*b.rn,10),'1234567890','一二三四五六七八九') ELSE TRANSLATE(b.rn ||a.rn ||'=' ||a.rn*b.rn,'123456789=','一二三四五六七八九得') END ,',')),2) 口诀 FROM tmp A, tmp b ...
  • 1. RN 一套代码可以跨平台使用; 2. 减少人力,节省时间;  3. 避免了Android和IOS版本发布时间不同步; 4. 开发新功能迅速; 5. 更方便的增量更新。
  • 在webstorm里面配置运行RN的方案

    千次阅读 2016-12-07 16:34:12
    RN中文网里面看到的,亲试可行 ReactNative_webstrom webstorm编译环境的配置 注:webstorm版本要求是11.0.3,支持npm配置。 1.创建编译命令 2.点击右上角的“+” 号添加npm编译命令,并且...
  • RN调用iOS本文要做的事情:iOS将推送数据,调用RN方法,进行数据传递。按步骤来,一定能成功的。。权威,文章会一直更新。疑惑:不了解RN怎么办,没事,RN代码自有前端人员写。。介绍:至于RN的介绍这里不多说了,,...
1 2 3 4 5 ... 20
收藏数 110,596
精华内容 44,238
关键字:

rn