Pano React Native SDK 来了!快速实现移动端音视频和白板
React Native 是 Facebook 于2015年4月开源的跨平台移动应用开发框架,支持iOS和安卓两大平台。React Native 着力于提高多平台开发的开发效率 —— Learn once, write anywhere。背靠着巨人的肩膀出生,React Native 一路风光无限,经受住了重重考验。至今,它仍然是移动端跨平台开发的热门框架之一。
2021-03-05
在原生 React Native 应用中使用 Expo API
从今天开始,你可以在任何 React Native 应用程序中使用尽可能少或尽可能多的 Expo SDK。 我们已经花了很多时间构建和维护这些包含原生应用特性的跨平台 API,我们很高兴最终实现了向整个 React Native 生态共享这些 API,并将它们作为一个整体继续优化。
开发跨平台 App 推荐 React Native 还是 Flutter?
Hello大家好我是咕噜铁蛋!今天我要和大家一起探讨一个备受关注的话题:“开发跨平台 App 推荐 React Native 还是 Flutter?”在移动应用开发领域,选择合适的跨平台开发框架对于开发者来说至关重要。而React Native和Flutter作为两种备受瞩目的跨平台开发框架,备受开发者们的关注和喜爱。在本文中,我将向大家介绍React ...
2024-03-11
React Native 一站式开发解决方案
分享一个RN快速开发库:react-native-easy-app 。一款为React Native App开发提供基础服务的纯JS库(支持 IOS & Android),可以为开发者开发项目提供强有力的支持,可以大幅度提高编码的效率,特别是在项目搭建初期,至少可以为开发者减少30%的工作量。
2020-05-25
react 实现 redux 异步action - web and native, redux同构(1)
然后公司想用react-native 重构之前的app,而且要和webapp代码复用(主要是redux代码),界面还是web一套,native一套
如何在 React Native 项目中使用 MQTT
React Native 是 Facebook 推出并开源的跨平台移动应用开发框架,是 React 在原生移动应用平台的衍生产物,支持 iOS 和安卓两大平台。React Native 使用 Javascript 语言,类似于 HTML 的 JSX,以及 CSS 来开发移动应用,因此熟悉 Web 前端开发的技术人员只需很少的学习就可以进入移动应用开发领域,同时 React Native ...
Windows下React Native Android实记
由于nodejs中使用GYP进行项目构建管理,而GYP是基于Python的构建工具。因此,需要先安装Python。此外,在Windows系统下,nodejs采用GYP来生成Visual Studio Solution文件后,需要通过C++的编译器将其编译为二进制文件。因此,又需要先安装C++编译环境。最后,安装nodejs【墙裂建议选择stable稳定版】。一系列安装完成后...
React Native ios打包
开发React Native的过程成,js代码和图片资源运行在一个Debug Server上,每次更新代码之后只需要使用command+R键刷新就可以看到代码的更改,这种方式对于调试来说是非常方便的。但当我们需要发布App到App Store的时候就需要打包,使用离线的js代码和图片。这就需要把JavaScript和图片等资源打包成离线资源,在添加到Xcode...
React Native 热更新实现
我们先来看看React Native 动态更新实际效果: React Native 热更新实现APK 我们知道, React Native所有的js文件都打包在一个jsbundle文件中,发布时也是打包到app里面,一般是放到asset目录.如是猜想是不是可以从远程下载jsbundle文件覆盖asset的jsbundle. 查资料发现asset目录是只读的,该想法行不通. 在看React Native ...
React Native 0.59.x新特性解读
众所周知,在现在的前端技术开发栈中,跨平台开发是一个重要的课题,不管是老牌的Hybird还是最近流行的RN、Weex还是Flutter,不得不说,现在前端和客户端的界限越来越模糊。
React Native项目设置路径别名
没有设置路径别名之前代码是这样的: {代码...} 路径相当冗长,看着就头疼。增加了路径别名之后,变成这样 {代码...} 心里清爽多了!具体操作见下文,实操性强!安装插件这里我选用 babel-plugin-root-import插件,主要是方便,不需要再为了 eslint 不识别 '@' 而增加配置。这个babel-plugin-module-resolver插件,也可...
2023-05-22
React Native日期时间选择组件
React Native日期时间选择组件:react-native-datepicker,支持安卓和IOS双平台,支持单独选择日期、单独选择时间和选择日期和时间,支持自定义日期格式。
最新版Android原生集成RN
现在不少应用都是采用了混合开发模式,不论是原生加RN,或是原生加Flutter,或是原生加H5。原生实现主业务线,其他部分可以借助跨平台方案开发,提高开发效率,或者实现热更新,调高业务迭代效率。
2022-12-21
七分设计感的纯React项目Mung
多语言版本 React版Mung React-Native版Mung Flutter版Mung 1. Mung:是一个基于React编写,使用豆瓣a开源API开发的一个项目。 2. 功能概述 数据保存 :支持断网加载缓存数据。 主题换肤 :现在只支持切换主题颜色,本项目没几张图片。 查看电影详情 :支持查看电影详情包括评论。 一键搜索: 支持标签和语句查找相关的...
在原有Android项目中快速集成React Native
对于现有的大多数项目来说都不是从头构建的,而要在原有项目的基础上引入React Native则肯定和用react-native init xxx创建工程不同。因此下面就来说下具体操作。不过在真正开始之前还是要先说明一下工具配置。
2017-05-24 前端日报
2017 Web开发技术路线图是时候使用CSS自定义属性了在工作的前三年里快速成长(练习篇)React Native应用如何实现60帧/秒的流畅动画ES6 中的 this & super:babel 和 typescript 都错了React Forms: Using RefsWhat I’ve learned from React Europe 2017【墙】
2017-05-24
react-native之路径别名配置
1. 初始化项目创建项目使用 react-native 脚手架创建一个名字叫 rn-demo 的项目,使用官方 typescript 模板。 {代码...} 注意:项目名称不能使用 - 字符,脚手架不支持。运行项目 {代码...} 或者 {代码...} 创建文件如下图所示:接下来要给src/utils路径配置别名。2. 编辑 tsconfig.json 设置别名用来给 .ts 和 .tsx 引...
2022-08-27