React-Native开发之运行你的第一个项目

最新推荐文章于 2022-09-07 11:55:06 发布
最新推荐文章于 2022-09-07 11:55:06 发布
阅读量532 收藏
点赞数
分类专栏： React-Native 文章标签： React-Native运行第一个项目
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012505605/article/details/52549536
版权

小伙伴们，我的博客搬家了，请转到小玉的技术博客，感谢各位的支持

如图咱们已经安装好咱们的项目了

根据终端提示,如果要运行IOS项目，就要切换到项目跟目录中 执行cd  /Users/Mac/Desktop/ppProject(该目录为你创建项目的根目录),

然后执行指令

react-native run-ios
【注】使用该指令的前提是要将模拟器打开

另一种运行方式是用xcode打开项目然后和普通IOS项目一样编译

在运行时项目可能会直接出现如下界面解决方法请到这里


运行效果如下


坚守那一份执着
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react-native-create-bridge：一个可轻松桥接React Native模块和UI组件的CLI工具
01-30
如果您是写第一行本机代码JavaScript开发人员，或者是经验丰富的开发人员希望从React Native工作流程中消除样板，那么此工具非常适合您。 想要的贡献者 入门 npm install --save react-native-create-bridge或yarn ...
React Native第一个项目
Glory
12-15 299
你好，世界 根据历史悠久的“传统”，我们也来写一个“Hello World”： import React, { Component } from 'react'; import { Text, View } from 'react-native'; export default class HelloWorldApp extends Component {   render() {     ...
ReactNative开发环境搭建和运行第一个项目（Win10）
applek_Case的博客
05-03 8394
我用的是windows平台，所以这儿只介绍Win平台的环境搭建。必要软件安装1.node.js下载地址：https://nodejs.org/en/左边8.11.1LTS为稳定版，右边为最新版，随便下载一个即可。我下载的是10.0.0版本。下载完成后安装，可以一路安装下去，当然了安装目录默认为C盘,可以更换到D盘。安装完成后使用cmd命令：node -v，如图显示版本号即为安装成功。安装好以后，请...
React-native学习（一）：构建第一个Android项目
camlot的博客
02-12 2279
注：本文使用的是Ubuntu系统进行构建，记录了从开始到成功构建的一些坑，Mac OS还请参见其他文章。 1. 安装React-native 教程说使用如下命令安装 命令1 npm install -g react-native-cli 紧接着出现了如下问题： 问题1 npm未安装 The program ‘npm’ is currently not installed. You...
React-native 程序第一个HelloWorld的编写
wolfking0608的博客
06-04 2850
前提: 我上文提到的环境配置,如果都ok的话,即可进行以下编写:第一步: cmd 命令行输入:  react-native init RNDemo 回车  (备注:RNDemo 是自己随便给新程序命名,相当于Android Studio中的 New Project)  这个命令的目的,就是建立一个React native的新工程 ,等到cmd执行完毕,即可在cmd执行的目录下,看到新建的RNDem...
第一个 ReactNative 项目
villen的博客
06-07 181
初始化一个 ReactNative 项目，CMD 中执行命令 react-native init AwesomeProject 进入到项目中 cd AwesomeProject 运行项目 react-native run-android 在设备上运行的文档 https://reactnative.cn/docs/0.51/running-on-device-android....
React-Native Android 与 IOS App使用一份代码实现方法
09-01
然后，创建一个新的React-Native项目，使用`react-native init ProjectName`命令。 1. **共享布局和组件**： - React-Native提供了一套跨平台的UI组件库，如View、Text、Image等，这些组件在iOS和Android上表现...
react-native-sqlite-demo:使用React Native，SQLite，TypeScript和Cocoapods构建的离线优先列表应用程序。 在iOS和macOS上运行
05-23
React Native SQLite + Dropbox同步演示该项目是一个基本的List应用程序，该示例演示了如何使用SQLite和React Native构建脱机的第一个应用程序（具有TypeScript和CocoaPods的功能）。 获得授权后，可以使用Dropbox在...
react-native-v2ex：基于React-Native + redux开发的高仿v2ex客户端
02-20
React-Native高仿v2ex客户端基于react-native + redux的高仿v2ex客户端开源项目安装配置1.第一步git clone https://github.com/seawind8888/react-native-v2ex.git2.第二步cd v2ex_demo3.第三步npm install4.第四步1...
react-native-slowlog：React Native的基于计时器的高性能事件探查器，可帮助您跟踪大性能问题
02-05
快速开始在您的React Native项目中运行： $ npm i -S react-native-slowlog 这是作为运行时依赖项添加的，并且slowlog仅在开发人员模式下运行（使用__DEV__标志）。 要使用slowlog ，请通过以下方式将其应用于您的...
第一个reactnative项目
白龙的博客
10-23 481
1.搭建rn环境 必须安装的依赖有：Node、Watchman 和 React Native 命令行工具 我们推荐使用Homebrew来安装 Node 和 Watchman。在命令行中执行下列命令安装： 安装homebrew /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/maste...
ReactNative入门（一）——环境搭建及第一个RN项目—HelloWorld
白玉梁的专栏
09-07 2535
ReactNative入门——本篇以及接下来的几篇有关RN的文章，是默认你对前端相关知识如Node，React，以及原生移动端Android可以熟练使用的情况下（最起码达到了解会用的程度）为前提的！不然你就需要先去了学习前端（React为主）以及Android端知识了！另外，文章的内容都是在Windows环境下进行的！ReactNative是个什么东西？这里我就不做详细讲解了，直接去官网查看即可！
2018React-Native环境安装及运行第一个demo
请别抢我的狗熊
03-08 2890
前言 Android放下很久了，前段时间一直扎根于前端三大件（HTML、CSS、JavaScript）的学习，目的呢是想为之后的学习React Native学习做好准备。趁着离考试还有一段时间，也是重新走上Android开发的道路。 现在确实是移动设备占优，现在智能手机能够完成网页端很多的工作。大有一统江山的趋势。移动开发在未来的很长时间里面都是热门。 工欲善其事必先利其器，本文主要...
React-Native拨打电话
小玉的技术博客
09-05 4510
调用系统拨打电话功能，其实和打开浏览器访问网址是一样的，只不过打开的地址不是http或https开头，而是tel:开头，像这样： import {Linking} from 'react-native'; function callMe(){ return Linking.openURL('tel:10086') } 但需要注意，有部分设备是不支持拨打电话的，这包括我们开发环境的i
React-Native环境配置之安装Node.js
小玉的技术博客
09-15 1725
一、安装NVM nvm的作用：nvm是Node的管理器,用来安装Node.js.  安装步骤：1.使用命令行brew install curl或者brew install wget来确保已经安装curl或者wget。                    2.安装方式有两种①使用curl方式安装curl -o- https://raw.githubusercontent.com/crea
react-native 使用realm配置教程
小玉的技术博客
09-05 1723
经过一天的踩坑终于将realm存储数据啃下，在此感谢江清清大神提供的realm教程。在我使用的过程中遇到了好多坑特此记录下来，防止新学者遇到同样的问题 realm环境配置 1.切换到项目工程根路径   cd  ~/desktop/project    （此路径为示例路径） 2.添加realm依赖库  npm install realm --save   3.如果你的项目中可以使用rnp
React-native隐藏tabbar
小玉的技术博客
09-05 1518
一、项目中使用NavigatorIOS隐藏tabBar的方法 找到RCTNavigator.m，在 -(void)navigationController:(UINavigationController )navigationController willShowViewController:(__unused UIViewController *)viewController animated
最新版本React-Native(0.31)开发之Could not connect to development server
小玉的技术博客
09-17 710
React-Native 开发之报错Could not connect to development server
react-native link
最新发布
01-05
在React Native开发中，react-native link命令用于将第三方库链接到您的项目中。这样可以自动配置和连接库，以便您可以在项目中使用它们。 以下是react-native link的用法示例： 1. 首先，确保您已经在项目目录中...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值