运行第一个React Native程序

最新推荐文章于 2023-03-24 10:55:30 发布
原创 最新推荐文章于 2023-03-24 10:55:30 发布 · 771 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#native

本文介绍了遇到React Native项目启动后显示空白页面的问题及解决方法。通过调整IP地址配置、检查窗口权限设置，并最终采取重启措施成功解决问题。

第一次运行的错误

最重要的一步换成自己的电脑的ip地址：8081 别忘记~
但是我按照上面的来弄发现还是不行，这次不报错了，但是是个空白页面，
参考react native 空白页面解决办法

发现把窗口权限开放之后还是不行，这个时候，重启一下吧，就OK了
终于 看到了 我们的 index.adnroid.js页面的内容了~

程序员内功修炼手册 不定期分享程序员基础知识，大前端知识！想跟博主一块成长的快快关注吧！

在这里插入图片描述

新建了一个react native项目，没有出现.xcodeproj，没有出现iOS 模拟器自动启动并运行项目，如何解决？
**My Coding Family**
09-24 1524
在物联网和大数据时代，时序数据的管理和分析变得至关重要。TDengine，作为一款专为时序数据设计的开源数据库，以其卓越的存储和查询效率，成为众多企业优化数据架构的优选。本文将分享我将TDengine成功应用于实际业务的经验，以及在架构改造过程中的心得体会。通过引入TDengine，我们成功解决了传统数据库在时序数据存储和查询上的瓶颈，系统性能和可扩展性得到了显著提升。TDengine在海量数据存储、超级表设计、高效查询和集群扩展方面展现了强大的能力。
React Native运行第一个程序
RamboTong
09-16 725
React Native 运行第一个React Native程序 前提是React Native环境已经搭建完成 目的创建和运行Reac Native项目。如:HelloWorldRN 步骤1、初始化RN 项目，HelloWorldRN执行命令:react-native init HelloWorldRN 期间会自动安装jest 创建项目成功后: 2、运行项目2.1 查看当前连接的设备
React Native开发之快速入门React
Leo的专栏
01-17 4890
前言这篇文章，是接着之前的一篇入门文章写的（虽然已经过去大半年了）,本文的受众仍然是React小白，熟悉React的同学可以不看了。上一篇文章链接： 为React Native开发写的JS和React入门知识 上一篇文章主要介绍了JS的语言基础和React的component生命周期。本文会接着上一篇文章，继续讲解React的基础。本文的React Native版本是0.0.40,开发IDE是Ato
Android-在ReactNative应用程序后台运行一个单独的Node.js进程
08-13
在React Native应用程序后台运行一个单独的Node.js进程
从零开始 React Native (2) ES6面向对象编程
六道对穿肠的学习之旅
05-03 1291
主要知识点: 模板字符串 箭头函数 解构赋值 Symbol 第七种数据类 class 关键字 语法糖 继承 (原型继承 原型继承的问题)(构造函数继承 )(组合继承) 下面都是代码样例 看看能打印什么/** * Created by liuml on 2017/4/7. */ //模板字符串 let name = "liu"; let age = 26; let str = name + "
React native编程风格
say__ever的专栏
12-22 680
转自：http://segmentfault.com/a/1190000003899845 语法 方法顺序遵循生命周期放在前面， render() 方法放在最后 在 react 组件内部，方法的顺序如下： 生命周期方法（按照时间先后顺序依次为： getDefaultProps, getInitialState, componentWillMount,componentDid
react-native-expo-boilerplate：一个React Native样板应用程序，可非常快速地启动并运行
01-31
让我们使用React Navigation为Android和iOS构建一个简单的聊天应用程序。 基于Promise的HTTP客户端，用于浏览器和node.js 声明性Clos平台的原生Native datetime-picker。 ... 用于iOS和android的带有自定义标签和...
ReactNative-App：我的第一个ReactNative App
02-21
在“我的第一个ReactNative App”项目中，我们将深入学习React Native的核心概念和关键组件。React Native的核心理念是“Learn Once, Write Anywhere”，意味着一旦掌握了React的JSX语法和组件化思想，就能在不同...
一个基于reactnative开发的完整项目示例
08-11
React Native 是Facebook推出的一款用于构建原生移动应用的开源框架，它允许开发者使用JavaScript和React来构建iOS和Android应用程序。这个“RNExampleApp-master”压缩包文件很可能包含了一个完整的React Native...
[转] 三步将你的 React Native 项目运行在 Web 浏览器上面
weixin_30386713的博客
09-01 497
转载自：https://www.cnblogs.com/qiangxia/p/5301712.html 转载于:https://www.cnblogs.com/zifeiy/p/11441933.html
从零开始学习React Native开发
爱孔孟
03-24 855
在项目中创建一个新的文件夹，例如“components”，用于存放你的组件。接着，在该文件夹中创建一个新的文件，例如“MyComponent.js”，用于编写你的第一个React Native组件。这个文件中，我们引入了刚才创建的组件，并将其放置在一个View组件中。我们还向组件传递了一个名为“name”的属性，值为“React Native”。这样，你就可以在模拟器或真机上看到一个简单的React Native应用程序了。这是一个基本的函数式组件，它接受一个名为“name”的属性，并将其显示在屏幕上。
［ReactNative入门到精通］React Native 第一个程序 Hello Word
北漂周的专栏（微信：stchou_zst）
10-12 8584
人生没有对错，只有选择后的坚持，不后悔，走下去，就是对的。 React Native 项目目录解析 上一节我们简单的新建了一个React Native的项目AwsoneProject，我们什么都没有操作，就直接在模拟器上运行起来了。这里我们详细的看看，React Native给我们生成的这几个文件到底是做什么用的。项目目录结构文件建构如下图所示： android android 的项目构建目录
2018React-Native环境安装及运行第一个demo
请别抢我的狗熊
03-08 3000
前言 Android放下很久了，前段时间一直扎根于前端三大件（HTML、CSS、JavaScript）的学习，目的呢是想为之后的学习React Native学习做好准备。趁着离考试还有一段时间，也是重新走上Android开发的道路。 现在确实是移动设备占优，现在智能手机能够完成网页端很多的工作。大有一统江山的趋势。移动开发在未来的很长时间里面都是热门。 工欲善其事必先利其器，本文主要...
React Native运行
whuzjn的专栏
03-24 3847
1、创建/拷贝项目 在cmd控制台（Workspace目录）使用命令react-native init AwesomeProject创建名称为【AwesomeProject】的项目 如果引入的项目是从其他地方拷贝过来的，可能需要安装RN的依赖包，执行命令如下： cd AwesomeProject npm install 2、开启服务 在cmd控制台（项目目录）启动RN服务，执行命...
如何运行github上react native项目
热门推荐
邵磊的博客
10-30 1万+
写在前面之前就发现百度上，关于下载github上react native项目（下文称RN）运行的方法不全，今天抽空整理下，给大家一点灵感。下载RN项目以react-native-nba-app作为事例https://github.com/wwayne/react-native-nba-app 克隆项目到本地 运行命令$git clone https://github.com/wwayne/rea
react native 到真机上运行程序时的几个报错
E-小伍的博客
04-12 2189
本人萌新，因为公司需要，要协助开发androidAPP中的react native 部分，所以就跳进了这个坑； 下面就直接看问题了： 环境搭建就不多说了，网上很多解决方案，主要就是sdk的版本要下对，23.0.1，必须是这个； 直接看真机运行商的问题： 1、报错是：* What went wrong: Execution failed for task ':app:installDebug
React-native 程序第一个HelloWorld的编写
wolfking0608的博客
06-04 2982
前提: 我上文提到的环境配置,如果都ok的话,即可进行以下编写:第一步: cmd 命令行输入:  react-native init RNDemo 回车  (备注:RNDemo 是自己随便给新程序命名,相当于Android Studio中的 New Project)  这个命令的目的,就是建立一个React native的新工程 ,等到cmd执行完毕,即可在cmd执行的目录下,看到新建的RNDem...
react-native 运行
Jul的博客
07-06 685
1.链接手机，需要打开USB调试 2.启动之前 先看android/app/src/main/下有没有index.android.bundle文件，没有的话我们在这个main目录下创建一个文件夹assets，执行命令：react-native bundle --platform android --dev false --entry-file index.js --bundle-out put android/app/src/main/assets/index.android.bundle --assets
React Native基于webstorm开发出更快速的模板
fox_wei的博客
11-18 2677
今天呢，写一写东西。。。关于React Native的基于webStorm上面开发的模板：一方面在开发初期每次都是懒得打重复代码。。。然后跑到前面一个页面去复制，结果还得去删除，真的很烦恼呢。所有这个时候我简单的在webStorm开发上面进行模板的定义，这边就放出来给大家使用使用。      第一步 开启settings 第二步 第三步 第四步 第五步
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值