博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
React Native在Android当中实践(一)——背景介绍
阅读量:6590 次
发布时间:2019-06-24

本文共 1226 字,大约阅读时间需要 4 分钟。

React Native的背景

背景介绍

React Native  For Android是伟大的互联网公司Facebook与2015年9月15日发布的,该可以让我们广大开发者使用JavaScript和React开发我们的应用,该提倡组件化开发,也就是说React Native给我们提供一个个封装好的组件让开发者来进行使用,甚至我们可以相关嵌套形成新的组件。使用React Native我们可以维护多种平台(Web,Android和IOS)的同一份业务逻辑核心代码来创建原生应用。现阶段Web APP的的体验还是无法达到Native APP的体验,所以这边fackbook更加强调的是learn once,write everywhere,应用前端我们使用js和React来开发不同平台的UI,下层核心模块编写复用的业务逻辑代码,提供应用开发效率。

项目地址以及相关文档

React Native项目github地址: React Native项目官网文档: React Native项目中文官网:

已经在用React Native的知名App

在React Native的官网上我可以看到有

在React Native的中文官网上我们可以看到

可见React Navtive的技术,使用场景比较广泛,应用起来也相方便。 React Native 结合了 Web 应用和 Native 应用的优势,可以使用 JavaScript 来开发 iOS 和 Android 原生应用。在 JavaScript 中用 React 抽象操作系统原生的 UI 组件,代替 DOM 元素来渲染等。 由此我们可以总结React Native的优点: 1.跨平台,兼容Web、iOS、Android三大主流平台 2.React调用原生控件,性能优于H5框架 3.更好的手势识别 4.实时部署更新,再也不担心应用市场审查缓慢 设计理念:既拥有Native的用户体验,又能保留React的开发效率。

关于minSdkVersion

由于 React Native 只支持 API Level 16 及以上, 所以如果你的固有项目是支持更低的 API Level 的话,就需要考虑一下,是不是针对不同系统版本做不同的方案,比如只在 API 16 及以上的设备上用 RN 方案,较旧的机型仍然用原生开发(但是这样做引入 RN 的意义就大打折扣了);API 16 以下即 Android 4.0.x 及以下,这样的旧机型现在几乎已经没有了,我们的数据库中这部分用户只有不到 100 个,而且大概率随着时间会慢慢地减少,因此可以考虑分系统版本打包,让这部分旧机型用户可以使用APP,但不能使用 RN 部分新功能了。总的来说需要综合旧机型用户量、活跃度、产品业务需求等综合考虑了。

转载于:https://juejin.im/post/5bbd6f605188255c8f06bfea

你可能感兴趣的文章
使用Python快速获取公众号文章定制电子书(二)
查看>>
iOS下JS与OC互相调用(七)--Cordova 基础
查看>>
Three.js 关于立方体贴图产生边缘锯齿问题
查看>>
Nacos v0.7.0:对接CMDB,实现基于标签的服务发现能力
查看>>
【开发问题记录①】关于滑动CollectionView时ContentSize变化的问题
查看>>
java中GC的基本概念
查看>>
building xxx gradle project info的解决办法
查看>>
Vagrant (一) - 基本知识
查看>>
在 CentOS 7 上搭建 Jenkins + Maven + Git 持续集成环境
查看>>
数据结构与算法 | Leetcode 19. Remove Nth Node From End of List
查看>>
一起来读you don't know javascript(一)
查看>>
[LeetCode] 862. Shortest Subarray with Sum at Least K
查看>>
【分享】终端命令工具 自动生成vue组件文件以及修改router.js
查看>>
[LeetCode] Student Attendance Record I
查看>>
PHP回顾之多进程编程
查看>>
spring boot + redis
查看>>
Ajax技术细节
查看>>
nuxt.js部署vue应用到服务端过程
查看>>
删除数组中的指定元素 | JavaScript
查看>>
CSS3+JS实现静态圆形进度条【清晰、易懂】
查看>>