搭建开发环境欢迎使用React Native！这篇文档会帮助你搭建基本的React Native开发环境。如果你已经搭好了环境，那么可以尝试一下编写Hello World。 根本你所使用的操作系统、针对的目标平台不同，具体步骤有所不同。如果想同时开发iOS和Android也没问题，你只需要先选一个平台开始，另一个平台的环境搭建只是稍有不同。 目标平台：
iOS
转载
2024-07-26 09:23:48
134阅读
在本教程中，我们将使用React Native创建一个新闻阅读器应用程序。 在这个由两部分组成的系列文章中，我将假定这不是您的第一个React Native应用程序，并且在设置机器和在设备上运行该应用程序时，我不会赘述。 也就是说，我将详细解释实际的开发过程。 即使我们将部署到Android，本教程中使用的代码也应在iOS上运行。 这是最终结果。 您可以在GitHub上找到本教程中使用的
转载
2024-05-30 22:23:51
58阅读
React Native 看起来很像 React，只不过其基础组件是原生组件而非 web 组件。要理解 React Native 应用的基本结构，首先需要了解一些基本的 React 的概念，比如 JSX 语法、组件、state状态以及props属性。如果你已经了解了 React，那么还需要掌握一些 React Native 特有的知识，比如原生组件的使用。 ReactNative资料：React官
在学习React Native的过程中，相信对于一个App开发工程师，没有充分的学习过前端开发技术的同学来说，顺利的搭建好开发环境还是比较纠结的。下面，我就根据我自己学习过程中的总结，跟大家讲解讲解如何从零开始顺利的搭建React Native的开发环境，希望对大家的学习有所帮助。我是以Ubuntu操作系统进行开发的，具体步骤如下： 1.安装Git apt-ge
ReactNative是跨平开发的解决方案，在开发平台的选择上，mac平台和win平台都可以。所需要工具如下：1，Nodejs环境2，create-react-native-app3，Expo App4，iPhone和安卓手机，或安卓手机模拟器（推荐使用夜神模拟器）以上工具均有mac和win平台的安装包。笔者使用的是mac平台做开发，所有下面演示都以mac平台进行。 &nbs
react native 设置启动模拟器 1. 查看iOS可选设备： xcrun simctl list devices 2. iPhone7 Plus启动(下次启动会默认使用最后一次选择设备，直接启动npx react native run ios 即可): npx react native ru
转载
2019-12-08 12:03:00
242阅读
2评论
iOS中嵌入ReactNative首先贴上了学习reactnative的文档，一定要按照步骤来搭建配置环境， 也包括18分钟的视屏来手把手教你，我们就可以创建一个简单的reactNative项目了 接下来就要说重点了，怎样在xcode项目中嵌入ReactNative首先我们需要根据推荐使用配置好所需要的开发环境 然后，在终端里进入到我们项目的目录下边进行如下配置：1：node初始化：npm i
转载
2023-10-31 23:21:57
140阅读
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阅读
最近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阅读
目录一. 原生iOS项目集成React Native二. 原生跳转RN页面三. 显示豆瓣热门电影列表四. 改为导航五.完整源代码 一. 原生iOS项目集成React Native创建一个新的文件夹，如RNProject，然后新建一个/ios的子文件夹，将已有的iOS项目全部文件复制进去。在RNProject根目录创建package.json文件，内容如下：{
"name": "RNProje
转载
2023-09-12 20:54:53
218阅读
虽然只是简单的了解了一下React的皮毛，但是对React Native的学习就轻松了好多。所以在学习React Native之前，最好还是先学习一下React。因为我学习的iOS开发，对iOS更加了解，所以里面主要涉及到的平台也是iOS。
目录：一、前言二、什么是React Native三、开发环境搭建四、预备知识五、最简单的React Native小
转载
2023-07-13 18:19:17
138阅读
在开始准备入手ReactNative时，先了解一下在RN中，页面怎么布局、如何写样式以及手势触摸事件。
原创
2022-10-28 04:55:02
126阅读
React Native简介React Native是Facebook 在2015 大会上推出的基于 JavaScript 的开源框架。React Native 结合了 Web 应用和 Native 应用的优势，可以使用 JavaScript 来开发 iOS 和 Android 原生应用。开发者只需学习一种语言就能轻易为任何平台高效地编写代码。React Native着力于提高多平台开发的开发效率
转载
2024-09-07 17:47:04
67阅读
react native环境搭建由于是windows电脑，所以选择了安卓开发，按照官网教程一步步完成。其中遇到一些问题作为记录问题一：
完成一系列的安装后运行react-native init projectname或者npx react-native init projectname启动一个项目时，它开始下载包并创建项目。完成后，它给出了此错误解决方案一：这是新版本0.69.0的错误。您可以使用
原创
2023-05-19 11:40:34
61阅读
准备工作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阅读
移动开发以前一般都是原生的语言来开发，Android开发是用Java语言，IOS的开发是Object-C或者Swift。那么对于开发一个App，至少需要两套代码、两个团队。对于公司来说，成本还是有的。然而现在有蛮多的公司开发App是基于React Native来开发的，这样可以做到一个App，就是一套代码，一个团队。对于公司来说，无疑节约了成本。《React Native开发》这系列的文章主要是记
转载
2023-07-26 19:47:36
158阅读
一、ReactNative简介ReactNative是移动端目前最热的框架之一, 着力于提高多平台开发的开发效率 —— 仅需学习一次，编写任何平台。(Learn once, write anywhere)。Facebook 已经在多项产品中使用了React Native，并且将持续地投入建设React Native。React Native 可以通过更新远端JS，直接更新app
转载
2023-09-18 12:24:26
85阅读
用React Native编写跨平台APPReact Native 是一个编写iOS与Android平台实时、原生组件渲染的应用程序的框架。它基于React，Facebook的JavaScript的库，为的是构建用户接口，而并不是以浏览器为目标，它是以手机平台为目的。换句话说，假设你是一个web开发人员，你能够使用React Native去编写干净、高速的移动APP，而且能够体会到熟悉的框架和单个
转载
2023-05-26 23:50:43
495阅读
如果想要高效的跨平台开发，就离不开 React Native。React Native 的历史可以追溯到 2013 年的夏天，React Native 是当时 Facebook 的一个黑客马拉松项目。虽然 React Native 很新，但在国外，很多巨头互联网公司已经使用 React Native 完成 app 开发。早在 2015 年，Facebook 就用 React Native 做了他们
原生RN混编:ios:根据教程:https://reactnative.cn/docs/0.45/integration-with-existing-apps.html#content
原创
2022-12-16 16:33:10
91阅读
