文章目录React Native实战一、项目准备1.1 创建原始项目1.2 使用 react-navigation 搭建页面路由1.2.1 安装react-navigation相关依赖1.2.2 修改App文件1.2.3 项目启动报错二、项目开发2.1 登录页面2.1.1 背景图片实现2.1.2 透明状态栏2.1.3 手机dp单位与px单位的转化2.1.4 引入react-native-elem
转载
2023-11-13 19:39:51
247阅读
React Native for Web配置兼容性：React Native 0.55。“React Native for Web”使得可以使用React DOM在Web上运行React Native组件和API。查看在Web上运行的React Native示例的实时演示。高质量的Web界面：可以轻松地在JavaScript中创建fast，自适应的Web UI。它提供原生质量的交互，支持多种输入模
转载
2023-08-03 16:48:42
193阅读
目录一. 原生iOS项目集成React Native二. 原生跳转RN页面三. 显示豆瓣热门电影列表四. 改为导航五.完整源代码 一. 原生iOS项目集成React Native创建一个新的文件夹，如RNProject，然后新建一个/ios的子文件夹，将已有的iOS项目全部文件复制进去。在RNProject根目录创建package.json文件，内容如下：{
"name": "RNProje
转载
2023-09-12 20:54:53
218阅读
最近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阅读
说在前面，本教程是建立在项目已经成功在模拟器上运行的基础上，如果你是还未配置好环境的新手，建议先从官网快速入门开始：官网英文版 、 中文版
ok, 切入正题，当你已经完成好环境配置，在模拟器上成功的运行了项目，看到了下图的效果，这时你的一定想，是时候去手机上装个逼了！找到官方的教程，开始一步步跟着来：修改URL地址：打开项目目录下的AppDelegate.m文件，修改里面的URL，把localho
转载
2023-05-22 14:49:20
299阅读
# React Native iOS教程
## 简介
React Native是Facebook推出的一套用于构建跨平台移动应用的框架。它允许开发者使用JavaScript编写移动应用，并能够在iOS和Android平台上运行。本教程将重点介绍如何在React Native中开发iOS应用，包括项目初始化、UI组件使用、网络请求等内容。
## 准备工作
在开始之前，我们需要确保已经安装好以
原创
2023-09-18 06:08:05
178阅读
准备工作1.你需要一台Mac电脑。。（这不是废话？我所用的是Air~~穷。。）2.我所操作的电脑系统环境是3.xcode版本：8.0正式版 必需的软件1.HomebrewHomebrew, Mac系统的包管理器，用于安装NodeJS和一些其他必需的工具软件。打开终端，执行/usr/bin/ruby -e "$(curl -fsSL https://raw.githubuserconten
转载
2024-01-20 12:03:13
99阅读
虽然只是简单的了解了一下React的皮毛，但是对React Native的学习就轻松了好多。所以在学习React Native之前，最好还是先学习一下React。因为我学习的iOS开发，对iOS更加了解，所以里面主要涉及到的平台也是iOS。
目录：一、前言二、什么是React Native三、开发环境搭建四、预备知识五、最简单的React Native小
转载
2023-07-13 18:19:17
138阅读
当我初次听闻 React Native，认为它只不过是提供给 web 开发者尝试原生移动应用的一种方法。之前听说JavaScript开发者可以用 JavaScript 编写一个 iPhone 应用，我还真觉得有点酷，但是我很快摆脱了要自己来试试的想法。毕竟我已经将原生 iOS 开发作为一项业余爱好很多年了，而且几乎有两年时间就搞这个。我已经做过一大堆 iOS 应用 — 其中有我为之骄傲的优秀应
转载
2024-08-06 09:04:36
41阅读
iOS中嵌入ReactNative首先贴上了学习reactnative的文档，一定要按照步骤来搭建配置环境， 也包括18分钟的视屏来手把手教你，我们就可以创建一个简单的reactNative项目了 接下来就要说重点了，怎样在xcode项目中嵌入ReactNative首先我们需要根据推荐使用配置好所需要的开发环境 然后，在终端里进入到我们项目的目录下边进行如下配置：1：node初始化：npm i
转载
2023-10-31 23:21:57
137阅读
React Native 官网地址：https://www.reactnative.cn/docs/environment-setup开发平台 Windows目标平台 Android1、安装依赖必须安装的依赖有 Node、JDK 和 Android Studio，Node 版本不得低于 14，React Native 需要 JDK 11，查看 JDK 版本的指令如下：javac -version1
转载
2023-05-23 16:29:20
384阅读
Android在搭建上直接看官网 就Ok 官网：https://www.reactnative.cn/docs/getting-started这篇文章只讲解一下 IOS如何搭建react-native安装依赖必须安装的依赖有：Node、Watchman、Xcode 和 CocoaPods。虽然你可以使用任何编辑器来开发应用（编写 js 代码），但你仍然必须安装 Xcode 来获得编译
官方的配置文档 这篇文章只是我个人配置过程中遇到问题，希望能留个印象，所以写一篇小记，具体配置流程参考官方文档。首先的是node.js的安装和环境变量的配置。安装不需要多说，下载文件安装过程直接狂点下一步就行了，主要是不要忘记在系统变量path当中添加安装node.js路径。当然你可以检验你是否安装成功，在命令行输入 node -v ，就会显示出当前node.js 的版本。一般在这里没有什么坑。
转载
2023-07-13 18:18:30
55阅读
官网 https://reactnative.cn/
项目下载地址：https://github.com/hebiao6446/DemoProject 陆续更新中。。。在移动端开发的时候，我们基本上都会用到列表，React nativeiOSAndroidListViewUITableViewRecyclerView说到列表，那么必然跟网络请求有关系，网络这块那么肯定，所以我们来搞一搞网络请求。。
转载
2023-08-22 14:20:02
19阅读
一、ReactNative简介ReactNative是移动端目前最热的框架之一, 着力于提高多平台开发的开发效率 —— 仅需学习一次，编写任何平台。(Learn once, write anywhere)。Facebook 已经在多项产品中使用了React Native，并且将持续地投入建设React Native。React Native 可以通过更新远端JS，直接更新app
转载
2023-09-18 12:24:26
85阅读
如果你正准备从头开始制作一个新的应用，那么React Native会是个非常好的选择。但如果你只想给现有的原生应用中添加一两个视图或是业务流程，React Native也同样不在话下。只需简单几步，你就可以给原有应用加上新的基于React Native的特性、画面和视图等。把React Native组件植入到iOS应用中有如下几个主要步骤：首先当然要了解你要植入的React Native组件。创建
转载
2023-10-16 19:07:58
163阅读
# React Native Window开发iOS指南
## 介绍
React Native是一个跨平台的开发框架，可以用于同时开发iOS和Android应用。React Native Window是一个用于在React Native中使用原生UI组件的库。本文将向刚入行的小白介绍如何在React Native中使用React Native Window进行iOS开发。
## 整体流程
下面
原创
2024-01-22 07:31:13
115阅读
# React Native iOS 开发环境建设指南
在现代移动应用开发中，React Native因其跨平台的特性备受青睐。为了在iOS设备上进行React Native开发，我们需要构建一个完整的开发环境。本文将分享怎样配置一个React Native iOS开发环境，并附带代码示例。
## 环境准备
### 1. 安装 Node.js 和 npm
React Native依赖Nod
百度百科React Native是Facebook于2015年开源的跨平台移动应用开发框架，是Facebook早先开源的JS框架React在原生移动应用平台的衍生产物，支持IOS和安卓两大平台。RN使用Javascript语言，类似于HTML的JSX，以及CSS来开发移动应用，因此熟悉WEB前端开发的技术人员只需要很少的学习就可以进入移动应用开发领域。 React Native使你能够在Javas
转载
2023-08-07 15:25:10
64阅读
# iOS React Native 混合开发指南
在现代移动应用开发中，结合原生代码与 React Native 是一种常见的实践。通过这种方式，我们可以利用 React Native 的跨平台优势，同时满足 iOS 的原生需求。本文将详细介绍如何实现 iOS React Native 混合开发的整个流程，并为您提供每一步所需的代码示例。
## 开发流程
以下是实现 iOS React N
