前提：已安装配置好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
148阅读
如果我们要在IOS项目中加载一个本地的网页，就需要把网页写到本地的工程下面，然后引入到IOS工程中，当加载网页流量的时候选择加载本地的路径就好了。项目就会去读取本地的HTML文件并用WebView去显示了。这个就是HTML的在IOS中的显示。那么React又是什么，做了哪些工作呢？React就是一种编写HTML的方式，比如你在某个文件夹下面写了网页。并且加入了React的基础库，那么你就能够用Re
# 如何配置 React Native iOS 开发环境
本文将指导你如何为 React Native 配置 iOS 开发环境。作为一名新手，掌握这一过程对你的开发生涯至关重要。下面是整个流程的概述。
## 流程概述
| 步骤 | 说明 |
|---------------|----------------
1 安装Atom，Nucilde 首先需要到官网下载Atom； 然后安装Nuclide, 重新打开Atom，会看到Nucilde的界面且菜单项会多出一个Nucilde 2 创建ReactNative 项目 cmd窗口进入想要存放项目的文件夹， 输入react-native init HelloWor
原创
2021-07-20 15:28:48
132阅读
ReactMixhttps://github.com/xueduany/react-mix自从昨天发布起来，得到了不少小伙伴的热捧，很高兴帮助大家解决了憋在心中很久的问题“如果我只会HTML,Css,Jquery”，我可以不用学习就会什么MVVM啦？会ReactNative啦?答案自然是没问题，在这里，只要你通过我们的ReactMix框架，你都可以在12小时内上手一个App开发工作。就让我们来试试
由于 React 加持了虚拟 DOM 等诸多特性，所以在 React 上实现常规的动画效果有一些特别之处。本文不会深入探讨 React 对动画的处理逻辑，只会简单地演示如何使用 React 创建动画效果。React 插件React 官方提供了两个插件用于处理动画效果：一个是偏底层的 react-addons-transition-group，一个是在前者基础上进一步封装的 react-addons
1.1. APP三种开发模式智能手机之普及不用多说，手机APP渗投到各个行业：电商（淘宝、京东等）、金融（各手机行业、P2P借贷等）、医疗（智慧医疗）、交通（滴滴、Uber等）、教育（慕课网等）、餐饮（饿了吗、美团等）……反正只要是个企业，无论规模大小，都已经订制或将要订制自己的APP。这么多APP无外乎就三种模式：Native App、Web Ap
转载
2024-06-09 01:02:55
34阅读
reactnative官网 ReactNative文档
转载
2018-11-05 20:15:00
163阅读
2评论
ReactNative是facebook开源的一个移动端跨平台开发框架，其基于Node.js平台，实现一套代码，iOS与Android两个平台通用。
原创
2021-10-21 17:12:35
98阅读
开发语言：ReactNative 0.59.5 Android开发环境：VSCode Android Studio 3.41、项目目录首先，我们按照建立一下目录结构，其中：Code目录放置所有公用的ReactNative脚本，包，以及相关配置。Android目录放置原Android项目。Code (根目录)--Android(一级目录)2、开发环境准备2.1、package.json配置在Code
转载
2023-12-28 22:45:39
79阅读
React社区生态圈的加持和Facebook的大力推广后，react native貌似声望颇高。近日得闲，于是想学习学习。类似weex基于三端统一，减少开发成本，RN+原生混合开发，这将是一个不错的选择。在这之前找了很多资料，但很多并没有走通，填填补补的一路走来费了不少时间，所以写了这篇博客，希望能帮助
转载
2023-12-27 13:29:27
43阅读
react-native iOS接入极光推送开始之前首先需要进入你的项目目录，打开命令终端安装相应的包npm install jpush-react-native
npm install jcore-react-native一、配置iOS的证书1. 创建App ID：苹果开发者网站（如已创建可跳到下一步）点击注册这是我们刚刚创建好的App ID2. 创建推送证书打开钥匙串：右上角钥匙串访问->
转载
2023-11-28 14:48:54
155阅读
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阅读
本插件是基于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阅读
react-window这篇是 react-window 的源码阅读, 因为此库使用的是 flow, 所以会涉及一些特殊的东西, 和 ts 类似使用List首先是 List 的使用:import {FixedSizeList as List} from 'react-window';
const Row = ({index, style}) => (
<div style={
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评论
有时候App需要访问平台API，但React Native可能还没有相应的模块包装；或者你需要复用一些Java代码，而不是用Javascript重新实现一遍；又或者你需要实现某些高性能的、多线程的代码，譬如图片处理、数据库、或者各种高级扩展等等。 我们把React Native设计为可以在其基础上编写真正的原生代码，并且可以访问平台所有的能力。这是一个相对高级的特性，
转载
2024-07-24 06:00:27
65阅读
