前言：正在学习react大众点评项目课程的todoList应用阶段，学习react、redux、react-router基础知识。一、 React项目脚手架：create-react-app新建项目：
npx create-react-app 项目名注：（npm >= 5.2 ) 三个依赖：react、react-dom、react-scripts四个命令：start、build、test
转载
2024-05-30 21:49:29
40阅读
1、运行环境准备需要先进行react项目的运行环境nodeJS的安装，具体安装流程可以参考：windows版本的安装配置帮助文档：linux版本的安装配置帮助文档：2、验证环境是否正常# 使用以下两个命令都可以
npm -v
npm -version3、创建react前端项目的两种方式3.1 手动创建react项目第一步：创建项目根目录react-test第二步：进入项目根目录react-tes
转载
2024-07-17 17:38:40
69阅读
该步骤是自己在看了别人的步骤之后，自己安装时又进行啦一些完善之后的步骤：第一步：安装JDK这里提示注意的地方：一定一定要在系统变量中配置JAVA_HOME: D:\Jdk8\jdk8，值是你的JDK安装目录。第二步：安装SDK① 环境变量ANDROID_HOME：XXX 例 如：（ANDROID_HOME: D:\sdk） ② 环境变量PATH例如： 例如：（P
文章目录reactreact环境准备和创建项目页面动态时间react事件axios发送ajax开发时使用http-proxy-middleware代理跨域react路由react部署nginxnginx代替http-proxy-middleware代理跨域 react主要是jsx语法实现前端页面的渲染react环境准备和创建项目1.先准备好环境 安装node.js 2.安装vscode直接在电脑
转载
2024-05-22 23:38:01
80阅读
React Native 是Facebook推出的一套用于构建跨平台移动应用的框架，它基于 React 的思想，使用 JavaScript 和 React 语法来开发移动应用。本文将介绍使用 React Native 构建跨平台应用的经验和技巧，并给出相应的代码实现。React Native 开发环境搭建在开始使用 React Native 开发应用之前，需要安装一些必要的工具和环境。具体步骤如下
转载
2024-09-30 10:27:58
30阅读
# React Native iOS 启动闪退的解决方案
在使用 React Native 开发 iOS 应用时，开发者可能会遇到启动闪退的问题。这种情况通常是由于配置错误、依赖包问题或者代码错误导致的。本文将探讨一些常见的解决方案，并通过代码示例和流程图帮助你快速定位并解决问题。
## 常见原因
1. **依赖包问题**：某些依赖包未正确安装或配置。
2. **代码错误**：包括 Java
原创
2024-08-04 04:53:18
294阅读
这一篇记录的是如何在已有的Android应用中使用React Native，在官方的文档上也有介绍：http://reactnative.cn/docs/embedded-app-android.html#content，不过这里我还是想记录一下遇到的一些坑。一步一步来说吧：创建Android应用
这里我直接用AndroidStudio在桌面上创建了一个应用，名称为ReactNativeAp
转载
2024-06-11 06:56:53
121阅读
一. 创建项目使用 React CLI 搭建项目：npx create-react-app geek-pc进入项目根目录：cd geek-pc启动项目：npm run start调整项目目录结构：/src /assets # 项目资源文件，比如，图片 等 /components # 通用
转载
2024-01-02 15:01:33
128阅读
由于之前我是h5的，没接触过ios和安卓， 也不了解xcode配置，所以 建议学reace-native之前还是先去了解一下ios和安卓开发环境搭建等问题。环境下载及配置 nodejs：https://nodejs.org/en/download/ 设置淘宝镜像
$ npm config set registry http://registry.npm.taobao.org/ Xcode： htt
转载
2024-03-08 12:36:33
55阅读
对于技术，我比较喜欢追新。看到报道大名鼎鼎的facebook(开源界的模范,发布了很多高质量的开源框架)开源了移动端跨平台的新框架react native，于是就迫不及待的开始接触它了。react native的目的是为了让前端开发任务能开发移动端（ios程序员相对于web端来说要少得多），于是就有了这样的框架。对于我们IOS程序员有没有必要去学它，看到它另外一个特性：跨平台,而且又一定程度的了
转载
2023-07-14 13:56:01
62阅读
React Native是Facebook推出的一种开源框架，用于构建iOS和Android应用程序的用户界面。它在React的基础上，通过使用JavaScript创建原生组件，使得开发人员可以直接在JavaScript中编写移动应用程序的代码，而无需学习Objective-C或Java等原生语言。
React Native的优势在于它能够实现跨平台开发，即一份代码可以同时在iOS和Androi
原创
2023-12-28 08:39:10
39阅读
React 团队在 2022 年 3 月 29 日正式发布了 React 的第 18 个版本。 在这篇文章里简单介绍 React 18 的新特性，React Concurrent Mode（并发模式）的实现，以及简要的升级指南。New FeaturesAutomatic Batching早在 React 18 之前，React 就已经可以对 state 更新进行批处理了：function App(
转载
2023-12-05 13:33:36
89阅读
1. 与web端区别css使用驼峰式写法。而且写法和web端有些差异，比如移动端padding属性不能四个方向一起写，只能定义一个方向paddingLeft、或者水平方向paddingHorizontal、垂直方向paddingVertical。移动端只能使用flex弹性布局，和web端水平垂直方向刚好相反，所以水平方向使用alignItems属性。单位不能是px。只能是pt，默认不写单位只写数字
转载
2024-02-29 23:34:49
159阅读
目录一. 原生iOS项目集成React Native二. 原生跳转RN页面三. 显示豆瓣热门电影列表四. 改为导航五.完整源代码 一. 原生iOS项目集成React Native创建一个新的文件夹，如RNProject，然后新建一个/ios的子文件夹，将已有的iOS项目全部文件复制进去。在RNProject根目录创建package.json文件，内容如下：{
"name": "RNProje
转载
2023-09-12 20:54:53
218阅读
1.3 搭建React Native开发环境 “磨刀不误砍柴工”，在正式开发React Native应用之前，需要先搭建好React Native的开发环境。搭建React Native开发环境有以下几个主要步骤。原生开发工具：iOS开发使用Xcode，Android开发使用Android Studio and SDK Tools。Node.js（https://nodejs.org/）：Rea
转载
2024-07-22 11:32:02
93阅读
最近React Native技术比较火，React Native是Facebook发布的一个开源框架（Github地址），据我所知携程的APP就是使用React Native开发，且携程的技术团队还专门出了一本关于React Native的书确实React Native相比于HTML5性能更好，相比于原生iOS更灵活。本人从React Native官网开始零基础学习React Native，并时时
转载
2024-01-20 11:37:48
82阅读
严格按照官网提供的人品好的就可以了，但是我向来不是人品好的，所以遇到无数问题，花费n天，首先说mac版的。但是出问题的时候忘了截图，只好想起什么遇到什么再继续加。mac： 其实配好mac环境就好了，但是官方建议xcode需要7.1以上，然而xcode需要osx至少10.10.5所以我安装了很多次花费的时间大都在这了。 首先按照http://reactnative.cn/docs/0.27/ge
转载
2023-09-18 18:38:31
257阅读
React Native集成到IOS应用附上另一篇RN集成到Android应用：我们默认有一个已有的ios项目，或者创建一个ios应用。第一步： 我们首先要安装RN所依赖的包，在根目录下创建一个react的文件夹，然后在文件夹中创建一个名为package的json文件，在json文件中添加一下代码：{
"name": "MyReactNativeApp",
"version": "0.0
转载
2023-10-12 16:56:35
330阅读
当我初次听闻 React Native，认为它只不过是提供给 web 开发者尝试原生移动应用的一种方法。之前听说JavaScript开发者可以用 JavaScript 编写一个 iPhone 应用，我还真觉得有点酷，但是我很快摆脱了要自己来试试的想法。毕竟我已经将原生 iOS 开发作为一项业余爱好很多年了，而且几乎有两年时间就搞这个。我已经做过一大堆 iOS 应用 — 其中有我为之骄傲的优秀应
转载
2024-08-06 09:04:36
41阅读
使用react native的好处是：使用React Native能够以经济高效的方式构建和维护跨平台的app，可以减少质量保证的费用；而一个跨平台APP，可以同时定位iOS和Android受众市场，可有更广泛的受众群体，具有更大的影响力。React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的JS框架 React 在原生移
转载
2023-07-13 18:23:15
124阅读
