近期看了下React Native ,整理了下简介支持平台:Native App(IOS、Android) 开发语言:JSX、JavaScript、Coffee Script、Type Script IDE:Nuclide 此外,Facebook还开源了对应的IDE(Nuclide)。Nuclide具有能够开发基于Hack的Web应用、支持React和React Native开发、集成了构建工具B
创建项目npm install -g yarn react-native-cli react-native 或者npm install -g create-react-native-app npm install -g create-expo-app 新版中有expo(自动安装expo的apk,a运行打包expo可能卡死,需要重启,reload重新编译)安装android sdk配置android
本文综合对比了跨平台框架的架构设计,分析了ReactNative架构设计,重点讲解了ReactNative的启动流程原理、渲染原理和通信机制,最后总结了ReactNative的性能瓶颈问题。
原创 2022-10-17 14:36:56
1107阅读
本文综合对比了跨平台框架的架构设计,分析了ReactNative架构设计,重点讲解了ReactNative的启动流程原理、渲染原理和通信机制,最后总结了ReactNative的性能瓶颈问题。
原创 2022-09-27 15:14:20
1092阅读
1点赞
1评论
  React Native 是一种 JavaScript 框架,可让开发人员构建强大且响应迅速的交互式应用程序。技术驱动型企业现在选择使用React -Native框架来构建超越现代移动应用程序。  React Native 是 Facebook 和本地于 2015 年合作开发的开源跨阶段应用开发系统。它的组件被设计成在 Android 和 iOS 上看起来和工作起来都是一样的,有一些库可以帮助
reactnative官网 ReactNative文档
转载 2018-11-05 20:15:00
163阅读
2评论
1.给Activity定制View  1)定义my.js,并在js里定义MyComponent,注意组件要以export default修饰  2)在项目启动js(index.android.js)里引入自定义js文件里的组件    import MyComponent from my.js(相对路径或者全路径)    在最后,
原创 2016-08-22 18:40:48
593阅读
react-native iOS接入极光推送开始之前首先需要进入你的项目目录,打开命令终端安装相应的包npm install jpush-react-native npm install jcore-react-native一、配置iOS的证书1. 创建App ID:苹果开发者网站(如已创建可跳到下一步)点击注册这是我们刚刚创建好的App ID2. 创建推送证书打开钥匙串:右上角钥匙串访问-&gt
转载 2023-11-28 14:48:54
155阅读
Facebook 在2015.9.15发布了 React Native for Android,把JavaScript 开发技术扩展到了Android平台。React Native 让开发者使用 JavaScript 和 React 编写应用,利用相同的核心代码就可以创建 基于Web,iOS 和 Android 平台的原生应用。本文将浅析Android React的架构及相关基础知识。 环境搭建及
转载 2024-01-22 06:21:56
42阅读
本插件是基于MobPushSDK功能的扩展,使用此插件能帮助您在使用React Native开发应用时,快速的集成、使用推送功能。集成准备在 ​​package.json​​ 文件中添加插件依赖// 依赖版本按插件实际版本填写"dependencies": { "react": "18.1.0", "react-native-mobpush": "version"
原创 2022-11-29 17:20:55
154阅读
目录 React-day03 RN移动端开发了解React-Native了解React-Native工作流程创建第一个React-Native项目 *了解React-Native项目及结构开发资料项目开发路由(react-native-router-flux)开发组件(swiper)网络请求(fetch) *长列表(FlatList) *滚动视图(ScrollView)日志与调试打包及发布今天
转载 2024-01-05 13:21:10
83阅读
前提:已安装配置好Java SDK,搭建好Androidstudio开发环境,安装配置好Node.js Java SDK: 1.8.0_31 AndroidStudio: 3.4 Node: v8.12.0 react-native-cli: 2.0.1 react-native: 0.50.4一、创建AndroidStudio项目 二、集成ReactNat
转载 2023-07-14 13:42:20
152阅读
1、<FlatList/> 2、钩子,父组件传值变化时候,在子组件触发 https://www.jianshu.com/p/986bcbcd02aa getDefaultProps:组件实例创建前调用,多个实例间共享引用。注意:如果父组件传递过来的Props和你在该函数中定义的Props的key一样
原创 2021-08-04 13:41:01
145阅读
# 如何在React Native中使用鸿蒙 ## 引言 React Native是一种用JavaScript构建移动应用程序的开发框架,而鸿蒙是一种新兴的操作系统。本文将介绍如何在React Native中使用鸿蒙。 ## 整体流程 下面是使用鸿蒙的整体流程,我们将使用表格展示每个步骤。 | 步骤 | 描述 | | --- | --- | | 步骤一 | 创建React Native项目
原创 2024-01-12 19:33:45
2822阅读
(文章目录) 一、序 目前主流的移动跨平台技术方案大体可以分为三类, 使用原生内置浏览器加载HTML5的Hybrid技术方案,采用此种方案的主要有Cordova、Ionic和小程序; 使用JavaScript语言进行开发,然后使用原生组件进行渲染,采用此方案的主要有React Native、Weex和轻快应用; 使用自带的渲染引擎和自带的原生组件来实现跨平台,采用此种方案的主要是Flutt
原创 精选 2023-11-01 09:12:14
247阅读
1点赞
1评论
一、背景说明俗话说的好,一个好的app应用,是要不停的告诉用户,我们还在维护,你可以放心的使用,放心的“充钱”,那该怎么告诉我们亲爱的用户的,那就是通过定期不定期的更新app。 说到这里,我们就该提出该如何实现这个更新和提示的功能了,总结来说,我这里已经实现过的有两种方案:1.设计专门的版本应用服务器,用来存储app的版本信息 2.通过专用接口,在app store或者google play中获取
转载 2023-09-06 18:53:48
110阅读
有时候App需要访问平台API,但React Native可能还没有相应的模块包装;或者你需要复用一些Java代码,而不是用Javascript重新实现一遍;又或者你需要实现某些高性能的、多线程的代码,譬如图片处理、数据库、或者各种高级扩展等等。 我们把React Native设计为可以在其基础上编写真正的原生代码,并且可以访问平台所有的能力。这是一个相对高级的特性,
转载 2024-07-24 06:00:27
65阅读
(文章目录) 一、前言 在学习一门新语言,搭建完新项目时,有必要了解下项目结构。 HelloWorld |-- android |-- ios |-- node_modules |-- package.json |-- index.js |-- img |-- public |-- scene |-- libs android:Android原生工程目录; ios:IOS原生工程目录; pa
原创 2023-11-02 08:36:54
172阅读
1点赞
1评论
Navigator的基本使用Navigator 是什么?   一个导航组件    进入下一个界面,返回上一个界面    传递数
原创 2022-07-09 01:07:45
127阅读
# React Native与Android集成教程 ## 介绍 React Native是一种用于构建跨平台移动应用的框架,它允许开发者使用JavaScript来创建原生移动应用。与传统的混合开发框架相比,React Native能够直接操作原生组件,使得应用在性能和用户体验上更加接近原生应用。 本教程将教会你如何将React Native与Android集成,以便你可以开发出更加强大和灵活
原创 2023-11-29 08:50:37
61阅读
  • 1
  • 2
  • 3
  • 4
  • 5