React Native 实验室 - 项目初始化
引言 githu源码传送门 本文主要包含以下几部分: 初始化 React Native 项目 Tab + Bottom + Stack 混合导航 最终效果 Gif 关注公众号 剪刀手解柒 发送RN初始化获取完整视频 。 一、初始化 React Native 项目 RN 基础环境配置 React Native 中文网之搭建开发环境 项目初始化可以参考官方文档,写的比较详细。其中,新建项...
使用React Native可以开发Window桌面应用了!
众所周知,React 是一个由 Facebook 编写的免费开源 JavaScript 库,用于创建高度动态的 Web UI。 Facebook 后来创建了 React Native 来开发跨平台原生移动应用程序,使用 React 作为开发人员的核心接口,这使他们能够使用基于 React 语法的单一代码库为 Android 和 iOS 构建原生移动应用程序。
react-native-vector-icons使用遇到的大坑
第一次写文章,也是第一次用react-native,有需要改正的地方希望大家多多指点.由于公司业务以及需求的扩大,用JQ写App已经满足不了当前的需求,急需一个处理数据流简单、用户体验好及入手快的框架,在查了好多框架之后,最终选择了react-native(简称RN).
2018-01-31
ReactNative集成到已有工程中-IOS
以下步骤为手动添加的方式,使用rnpm的方式请参考官方文档。 本文是对官方文档的一个补充,大部分内容来源于官网文档。 官方参考地址: [链接] 中文参考地址:[链接] 第一步:添加.xcodeproj文件 把需要的.xcodeproj文件,拖到你的XCode工程下(通常拖到XCode的Libraries分组里) react-native需要集成的.xcodeproj文件...
2016-01-05
react native
JSX 源码通过 React Native 框架编译后,通过对应平台的 Bridge 实现了与原生框架的通信。如果我们在程序中调用了 React Native 提供的 API,那么 React Native 框架就通过 Bridge 调用原生框架中的方法。 因为 React Native 的底层为 React 框架,所以如果是 UI 层的变更,那么就映射为虚拟 DOM 后进行 diff 算法,diff...
react-native Cannot get property 'packageName' on null object
react-native打包安卓apk的时候,报错Cannot get property 'packageName' on null object完全没有头绪,研究了半天才发现竟然是因为package.json里面scripts自定了命令导致的无法理解为何会影响安卓打包并且报错packageName null还好找到原因了
2019 最新 React-Native/TypeScript/Redux/Saga 实践
最近研究 React Native、Redux Saga 以及 TypeScript 相关的内容,整理成了一个 React Native Template,可以直接使用下面的命令创建一个新的应用:
RN运行项目Error:Unable to resolve module
今天调试demo遇到一个问题,使用react-native run-ios命令启动app,在加载bundle的时候,本地package 服务报了如下错误:
2020-09-25
React Native CLI vs. Ignite CLI
在启动新的React Native项目时,选择正确的CLI(命令行界面)工具对于设置开发环境和确保顺畅的开发过程至关重要。两个流行的选项是 React Native CLI和 Ignite CLI。这两种工具都提供独特的功能,适用于不同类型的项目。本博客将探讨每种工具的优缺点,帮助你决定哪一个更适合你的需求。
2024-09-13
React-Native 获取设备当前网络状态 NetInfo
NetInfo 模块可以获取设备当前的联网状态,可以订阅和一次性获取网络状态。以前在react-native集成,现在已经单独移到 @react-native-community 社区管理。
2021-02-22
React Native 在 Airbnb 的起起落落
In 2016, we took a big bet on React Native. Two years later, we’re ready to share our experience with the world and show what’s next.
2020-04-30
关于使用React Native开发app 遇到React Native version mismatch问题解决方式
完整错误 如下图 该问题突然出现,之前一切正常。现在分享下,对于这个问题的心路历程以及解决方法。 1.看到问题第一时间想到的是查看项目package.json 看react-native的版本 发现版本确实是0.53.3 ,但是为什么会出现native 版本为0.55.3呢?查看svn提交记录,是否有更改过package.json,并没有。 2.接着怀疑可能是yarn...
2018-05-16
ReactJS新闻 #20 React Conf 2017主题演讲
Tom、Jing与Sebastian分别负责开场的keynote部份,Tom首先对React自2015年来的发展情况讲演,以及近年来的成长趋势。Jing是演说有关于React Native,分享如何在Facebook团队中应用它。Sebastian则是帮助关于React的效能,以及React Fiber如何与要改进什么,同时帮助目前的Facebook网站已经开始使用React Fiber,这部份非...
React Native获取设备信息组件
这次介绍的获取移动设备信息的组件名叫:react-native-device-info,兼容IOS和安卓双平台,可以获取设备ID、设备品牌、设备型号、IP以及APP版本号等信息。是一个应用很广泛的基础组件。
react native - 收藏集 - 掘金
浅谈 RxJava 中的线程管理 - Android - 掘金上一篇文章研究了一下RxJava中的多线程并发问题,并且在实际项目中运用了其中的知识,这次让我们来谈一谈另外一个牵扯到线程的问题——那就是RxJava中的线程管理。 之所以写这篇文章,还是因为在项目中使用RxJava的时候遇到了一些线程管理上的...
使用REACT VR构建web虚拟现实
Over the past year, virtual reality has made major strides toward becoming the next computing platform. With Oculus Rift, consumer-grade hardware has reached the point where people can immerse themselves in virtual worlds from their own home. Alongside that, 360 content has blossomed with the int...
2017-04-19
cross-plateform 跨平台应用程序-04-React Native 介绍
跨平台系列cross-plateform 跨平台应用程序-01-概览cross-plateform 跨平台应用程序-02-有哪些主流技术栈?cross-plateform 跨平台应用程序-03-如果只选择一个框架,应该选择哪一个?cross-plateform 跨平台应用程序-04-React Native 介绍cross-plateform 跨平台应用程序-05-Flutter 介绍cross-plateform 跨平台应用程序-...
2024-09-09