运行React-Native项目

最新推荐文章于 2024-03-11 15:44:38 发布
最新推荐文章于 2024-03-11 15:44:38 发布
阅读量1.2k 收藏
点赞数
分类专栏： react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/relicemxd/article/details/50814204
版权

首先需要配置好环境.集体配置安装Homebrew,Node.js,React Native;

命令行开启RN项目 (如要cd 进入到当前项目的跟目录下)
1. npm install
2. react-native run-android (注意RN项目需要通过终端来开启,前提是npm install后)

如果出现红屏或白屏,要设置android开发者IP配置(若mac进入不了adb命令,需配置adb环境变量)
1. adb shell input keyevent 82 (注意虚拟机不用配置端口,真机才需要)
2. 进入 Debug server host & port for device (这里输入的端口是电脑的IP)

林锐波
关注
专栏目录
react-native 学习笔记1---创建与运行项目
三七二十一的博客
04-06 2060
学习这件事就是一件不停的踩坑、填坑的过程。最近开始学习react-native，从创建项目开始，本以为有前辈们的提醒，可以少踩坑，如履平地的往前走，但是有些坑如果不去踩一下人生是不完整的。。。接下来我也记录下自己踩过的坑吧首先是搭建环境，这个官方文档已经说的很详细了，pass其次是构建项目，此处按照命令行一步步走是没错的react-native init yourapp // 这里需要注意：直接用...
React Native项目运行流程
牛八少爷的专栏
08-26 1388
目录 1.创建新项目 2. 运行流程 3. 流程图 1.创建新项目 ## RNApp 项目名称 react-native init RNApp --version 0.55.4 参考：创建指定版本的react-native项目 2. 运行流程 1. run-android运行 react-native run-android run-android运行后从项目目录的node...
react-native 运行项目
lx_1024的博客
06-27 2186
打开cmd，找到项目所在位置，运行以下指令：1.npm install，安装项目依赖，有时可能需要翻墙，一般比较慢。2.react-native run-android  打包安卓项目，如果连接了手机，那么运行完后会直接发送到手机安装，如果没有连接手机，可以在android\app\build\outputs\apk下找到刚才打包的文件，发送到手机安装或者在手机模拟器上安装，如果在手机安装，安装好...
React Native运行
whuzjn的专栏
03-24 3664
1、创建/拷贝项目 在cmd控制台（Workspace目录）使用命令react-native init AwesomeProject创建名称为【AwesomeProject】的项目 如果引入的项目是从其他地方拷贝过来的，可能需要安装RN的依赖包，执行命令如下： cd AwesomeProject npm install 2、开启服务 在cmd控制台（项目目录）启动RN服务，执行命...
react-native 搭建环境及运行项目
最新发布
m0_61672533的博客
03-11 1585
react-native 搭建环境及运行项目
创建并运行React Native项目
weixin_39500025的博客
02-18 323
创建ReactNative项目 使用如下命令创建项目： react-native init Demo(所要创建的项目名称) 项目构建完成之后的目录： 运行ReactNative项目 使用命令： react-native run-android 运行项目 Android设备，运行项目成功之后，摇一摇出现弹框，选择Dev Settings，之后选择Debug server host & ...
react-native-rename：仅用一个命令即可重命名react-native应用
01-30
该软件包假定您使用react-native init创建了react-native项目。 注意：此软件包不会尝试正确重命名构建工件，例如ios/build或Cocoa Pod安装目标。 重命名项目后，您应该清理，构建并重新安装第三方依赖项，以使新...
react-native-debugger
09-11
"react-native-debugger"是一款专为React Native开发者设计的强大调试工具，尤其适用于使用较旧版本如0.12.1的React Native项目。这个工具允许开发者深入到应用程序的JavaScript层进行调试，提供了一种直观的方式来...
react-native-verify-slider:用于React Native的动画Verification Slider组件
05-17
5. **跨平台兼容**：作为React Native组件，Verify Slider能在iOS和Android平台上无缝运行，无需重复编写平台特定的代码。 6. **JavaScript接口**：通过JavaScript接口与组件进行交互，使得开发者能够在JavaScript...
react-native-basekit:使用 react-native , redux, redux-sagas, react-navigation 的 react-native 项目的基本设置
08-04
React-Native-Basekit 是初学者的项目结构。 入门 这些说明将为您提供一份项目副本，并在您的本地机器上运行，用于开发和测试目的。 先决条件 #! /bin/bash node@v10.x.x react-native-cli@v2.x.x pod@v1.5.x 安装...
react-native-template:React Native模板
05-07
运行react-native init yourProjectName --template nave 包已配置 样式化的组件 React导航 Axios 承诺 整理配置 将.env添加到您的.gitignore文件中 您还需要从android/app/build.gradle将插件手动应用到您的应用...
Android | 配置并运行React Native项目
JifengZ9的博客
05-18 1553
初次运行React Native项目
android studio虚拟机运行react-native项目全流程（避坑笔记）
在下月亮有何贵干
01-31 1万+
年终了，给自己换了台r9000p，快乐还没享受呢，想着要先把原来电脑的环境和项目重新配置过来，开始崩溃了。公司的项目是rn的，我就配个android studio的虚拟机，给我配出心理疾病了，到处都是问题解决一个又来一个。做了流程，防止还有下一次，如果没有入坑过的可以试试全程下来，应该会少很多问题。
react native 创建、运行项目
weixin_44682587的博客
02-24 924
创建项目 npx react-native init rn_demo 检测与手机连接 adb devices 运行项目 npx react-native run-android
React Native-创建项目和运行项目
热门推荐
嘿嘿嘿
09-06 1万+
安装完react以后，在终端输入以下：react-native init myFirstReactProject安装完成如下图： 蓝色框框里面就写清楚怎么运行，这个项目。 下面举个运行ios版的。 在终端输入下面的命令：cd /Users/zhuling/Desktop/myFirstReactProject react-native run-ios意思是先进入目录，然后在运行。我们也可以
超详细React Native环境搭建以及运行项目（Windows环境）
Crayon。博客
08-28 4991
超详细React Native环境搭建以及运行项目（Windows环境） 本文章以本人使用的 0.59 RN版本为例，其他的版本大同小异，具体可前往RN官网参考对应的教程 https://reactnative.cn/versions 一、配置基本的开发环境 Node, Python2, JDK Node 的版本必须大于等于 10 (RN 0.59 版本建议10.x, 之前我装最新版12.x, 因版本过高导致项目跑不起来, RN 0.61 以上才要求 Node 版本 12.x) Python 的版本必
React-Native(二)引入项目，在windows上运行已有的Demo for Android
u012185875的博客
03-23 978
项目是一个在交流群里认识的群友的，他现在只能在mac上跑通项目，所以我想试一下能不能在windows环境下跑通Android项目 1.首先我是将项目放到了自己新建的RN目录的workspace文件夹下，像正常启动项目一样到目录下，react-native start，此时出现了第一个问题 通过google，发现问题出现于IPv4和IPv6的兼容性上，有的机器不识别IPv6的这种 ：：：
React Native 搭建开发环境和创建新项目并运行的详细教程
afufufufu的博客
08-16 4667
React Native 搭建开发环境详细教程
React Native开发/运行环境搭建
Y974066017的博客
03-23 4198
一、React Native概述 React是一个构建用户界面的JS框架，实现了数据的响应式和组件化开发，本身既可以用于Web网站项目，也可以用于创建移动端App项目。 相较于Vue.js在移动端只能构建WebApp，React生态系统中有一个可以构建“真正原生App”的扩展 —— React Native，可以这样说：“RN是React生态圈可以傲视其它对手的绝对功臣”。 原理：RN应用中的JS代码，在开发运行阶段会被编译为原生的Java或OC代码 RN英文官网：h...
怎么在浏览器上运行react-native项目
05-25
要在浏览器上运行React Native项目，您需要使用React Native Web这个库。React Native Web是一个开源项目，它允许您使用React Native编写的代码在Web上运行。 以下是在浏览器上运行React Native项目的步骤： 1. 安装React Native Web库：在终端中运行以下命令：`npm install react-native-web` 2. 创建一个Web平台：在项目根目录下创建一个名为"web"的文件夹，并在该文件夹中创建一个名为"index.js"的文件。在该文件中，导入您的React Native组件并将其渲染到Web页面上。 3. 在package.json文件中添加一个命令，以便在Web平台上运行React Native应用程序。例如，您可以添加以下内容： ``` "scripts": { "start": "react-native start", "web": "webpack-dev-server --config webpack.config.js" } ``` 4. 创建一个webpack配置文件：在项目根目录下创建一个名为"webpack.config.js"的文件，并在该文件中定义您的Webpack配置。您需要添加React Native Web的webpack loader和plugin，以便将React Native代码转换为Web代码。 5. 在浏览器中运行应用程序：在终端中运行`npm run web`命令，然后在浏览器中打开"http://localhost:8080"。您应该能够看到您的React Native应用程序在Web上运行的样子。 请注意，不是所有的React Native组件都适用于Web平台，因此您可能需要对一些组件进行修改或替换，以便它们能够在Web上正常工作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值