React Native环境搭建及Hello World
写这篇博客的目的就是想说,react native 挺简单,但是大部分初级前端会被环境搭建给难住,从而放弃.
环境搭建
环境搭建其实说简单也挺简单的,有经验的前端直接翻看react native中文文档就行,直接按上面来肯定没错
以下以安卓开发,windows配置环境为例,来演示一遍
首先
电脑上得有node环境和npm,yarn等随便一个包管理工具
下载java JDK 目前native 要用11版本的jdk
安装java的jdk得配置一下电脑的环境变量(我这里因为后端开发需要下载了两个版本)
在path路径中也配置好(有点乱,可以自行百度配置)
第二步
去下载 Android Studio 和应用工具 - Android 开发者 | Android Developers网站下载安卓开发工具
就按native官网所说的安装
第三步
下载完之后,我们也需要配置一下android的环境变量
点击安卓开发工具的左上角设置进入这个页面找到这个,将这个路径copy下来
path
第四步
我们点击这里需要下载一个模拟器
第五步
按照官网所说的创建一个新项目
运行yarn android
输入a
然后
就启动成功了
编写Hello World
App.tsx是入口文件
自己按着react语法 配合着react native官网就可以开干了
!!!
相关文章：
React Native环境搭建及Hello World
写这篇博客的目的就是想说,react native 挺简单,但是大部分初级前端会被环境搭建给难住,从而放弃. 环境搭建 环境搭建其实说简单也挺简单的,有经验的前端直接翻看react native中文文档就行,直接按上面来肯定没错 以下以安卓开发,windows配置环境为例,来演示一遍 首先 电脑…...
VS2017 C++ Qt工程打包软件
在Debug模式下或者Release模式下编译成功，会在工程的Debug文件夹和Release文件夹生成exe执行文件，以Debug为例，将Debug模式下的exe复制到新的文件夹路径下，然后打开Qt中的MSVC 2017 64-bit 打开后然后在命令窗口cd到exe的路径下&…...
【JWT的原理和使用】
JSON Web Token（缩写 JWT）是目前最流行的跨域认证解决方案，本文介绍它的原理和用法。 文章目录 一、跨域认证的问题二、JWT 的原理三、JWT 的数据结构3.1 Header3.2 Payload3.3 Signature3.4 Base64URL 四、JWT 的使用方式五、JWT 的几个特点…...
对本地存储的有效期的理解
本地存储是一种在Web开发中常用的客户端存储数据的方式，它可以让网页应用程序在用户的浏览器中存储和检索数据，而无需依赖服务器来保存信息。本地存储的有效期是指数据存储在用户的设备上可以被访问和保留的时间段。在本地存储中，有两种主要的…...
蓝桥杯-02-蓝桥杯Java组考点与14届真题
文章目录 蓝桥杯Java组考点与14届真题参考资源Java组考点1. 组别2. 竞赛赛程3. 竞赛形式4. 参赛选手机器环境5. 试题形式5.1. 结果填空题5.2. 编程大题 6. 试题考查范围7. 答案提交8. 评分9. 样题样题 1：矩形切割（结果填空题）样题 2ÿ…...
门户网站二级等保评测问题，服务器漏洞问题解决办法
二级等保查出来的服务器问题 操作前可在自己服务器测试一下，看看有没有用 1.服务器定时更换密码 永久（需重启） vim /etc/login.defs PASS_MAX_DAYS 90 # 密码最长过期天数 PASS_MIN_DAYS 0 # 密码最小过期天数 PASS_MIN_LEN 10 # 密码…...
NPDP考前注意事项，这些细节你可要注意！
产品经理国际资格产认证（NPDP）2023年考试将于2023年12月2日（本周六）进行，你准备好了吗？ 考试详情 考试时间：2023年12月2日 上午9:00-12:30 考试题型：200题，单选题。 考…...
八个优秀开源内网穿透工具
内网穿透（NAT穿透）是一种将本地网络服务暴露给互联网的一种技术。这种技术可以很好地解决许多局域网内的资源共享。采用路由的方式将一台计算机变成一个“路由器”，将公共的网络地址转为内部网络地址，从而实现通过英特网可以访问局…...
C语言贪吃蛇（有详细注释）
这个贪吃蛇是在比特特训营里学到的，同时我还写了用EasyX图形库实现的图形化贪吃蛇，含有每个函数的实现以及游戏中各种细节的讲解，感兴趣的可以去看一看。 贪吃蛇小游戏 实现效果 以下就是源码，感兴趣的小伙伴可以cv自己玩一玩改…...
MUI框架从新手入门【webapp开发教程】
文章目录 MUI -最接近原生APP体验的高性能前端框架APP开发3.25 开发记录miu框架介绍头部/搜索框：身体>轮播图轮播图设置数据自动跳转：九宫格图片九宫格图文列表底部选项卡按钮选择器手机模拟器 心得与总结：MUI框架在移动应用开发中的应用M…...
HNU-计算机网络-讨论课2
第二次 有关网络智能、安全以及未来网络的讨论 一、必选问题（每组自由选择N个，保证组内每人负责1个） 网络的发展促进信息的传播，极大提高了人类的感知能力，整个世界都被纳入人类的感知范围。但人们对信息系统以及数据…...
西南科技大学信号与系统A实验一（信号的产生与时域运算）
目录 一、实验目的 二、实验原理 三、实验内容 四、思考题 一、实验目的 1、 掌握用matlab软件产生基本信号的方法。 2、 应用matlab软件实现信号的加、减、乘、反褶、移位、尺度变换及卷积运算 二、实验原理 （一） 产生信号波形的方法 利用Matlab软件的信号处…...
代码随想录二刷 ｜字符串 ｜翻转字符串里的单词
代码随想录二刷 ｜字符串 ｜翻转字符串里的单词 题目描述解题思路 & 代码实现移除多个空格将整个字符串翻转将每个单词翻转 题目描述 151.翻转字符串里的单词 给你一个字符串 s ，请你反转字符串中 单词 的顺序。 单词 是由非空格字符组成…...
低调使用。推荐一个 GPT4 Turbo、Vision、GPTs、DELL·E3 等所有最新功能同步可用国内网站
在 11 月 6 日，万众期待的 OpenAI DevDay，ChatGPT 发布了一系列新的产品，其中推出了 GPT4 Turbo，并且将GPT4 Vision，DELLE3 等等能力全部集合到一起，不需要再分开使用，原来的局限的文本聊天也进…...
基于视觉传感器的自主扫雷机器人设计与实现
摘要： 在当今的世界安全形势下，扫雷小车的出现可以减少各国人员在扫雷过程中的人员伤亡，扫雷小车实用性能强更适合在军事化领域或者是民用领域上应用。让它具有光明的发展前景。针对这一情况，本毕业设计就对自主扫雷小车进行研究…...
计算机新建盘符和重新分配盘符的大小
一、新建盘符 有些电脑刚买来时候，只有一个C盘分区，此时最好增加几个分区方便使用。 注意：分区操作要慎重，不要轻易去试。这里只针对购买的电脑厂家未做分区，只有一个C盘的情况。 如果自己电脑的分区本身已经满足你…...
windows 查看mysql的错误日志
查找错误日志文件存储路径 用到的软件：everything 官网 voidtools 下载路径 https://www.voidtools.com/Everything-1.4.1.1024.x64-Setup.exe 直接点击下载即可 运行效果如下 我们知道mysql有个配置文件是my.ini，里面配置了相关信息 我们需要先…...
java多线程CountDownLatch简单测试
学习java多线程，请同时参阅 Java多线程 信号量和屏障实现控制并发线程数量，主线程等待所有线程执行完毕1 CountDownLatch能够使一个线程在等待另外一些线程完成各自工作之后再继续执行。当所有的线程都已经完成任务，然后在CountDownLatch上…...
npm，yarn，pnpm 清理缓存
目录 1，为什么要清理缓存1，缓存文件太多，影响系统运行2，不同源会有区别 2，命令2.1，npm2.2，yarn2.3，pnpm 1，为什么要清理缓存 1，缓存文件太多，影响…...
【数据结构】二叉排序树（c风格、结合c++引用）
目录 1 基本概念 结构体定义 各种接口 2 二叉排序树的构建和中序遍历 递归版单次插入 非递归版单次插入 3 二叉排序树的查找 非递归版本 递归版本 4 二叉排序树的删除（难点） 1 基本概念 普通二叉排序树是一种简单的数据结构，节点的值…...
Graphormer部署指南：3.7GB纯Transformer图神经网络GPU快速启动
Graphormer部署指南：3.7GB纯Transformer图神经网络GPU快速启动 1. 项目概述 Graphormer是一种基于纯Transformer架构的图神经网络，专门为分子图（原子-键结构）的全局结构建模与属性预测而设计。这个3.7GB大小的模型在OGB、PCQM4M…...
Phi-3-mini-4k-instruct-gguf多场景落地：跨境电商多语言商品描述批量生成
Phi-3-mini-4k-instruct-gguf多场景落地：跨境电商多语言商品描述批量生成 1. 跨境电商的痛点与解决方案 跨境电商卖家每天面临的最大挑战之一，就是为同一款商品准备不同语言版本的描述。传统做法要么需要雇佣多语种文案人员，要么使用机械的…...
开源可部署！PyTorch 2.8 RTX 4090D镜像在企业AIGC生产环境落地实践
开源可部署！PyTorch 2.8 RTX 4090D镜像在企业AIGC生产环境落地实践 1. 为什么选择这个深度学习镜像 在当今AI技术快速发展的背景下，企业面临的最大挑战之一是如何快速搭建稳定高效的AI开发环境。传统方式需要手动配置CUDA、PyTorch和各种依赖库&#x…...
STM32CubeIDE用DAP下载器？这份OpenOCD配置文件修改与复位难题解决指南请收好
STM32CubeIDE深度调优：DAP下载器OpenOCD配置与自动复位难题实战解析 当你在STM32CubeIDE中切换ST-LINK与DAP调试器时，是否注意到两者在用户体验上的显著差异？特别是当使用DAP调试器时，每次下载后都需要手动复位开发板才能运行程序…...
运算放大器与比较器的本质区别及应用指南
1. 运算放大器与比较器的本质区别在电子电路设计中，运算放大器（Op-Amp）和电压比较器（Comparator）是两种极为常见却又经常被混淆的器件。它们在外观符号上几乎一模一样：都有五个引脚——正负电源端、同相与反…...
FunASR Docker部署SSL配置的四个‘天坑’与避坑指南（附完整启动命令）
FunASR Docker部署SSL配置的四个‘天坑’与避坑指南（附完整启动命令） 在语音识别服务的安全部署中，SSL/TLS加密已成为行业标配。但当我们实际为FunASR配置HTTPS时，那些看似简单的步骤背后却暗藏玄机。本文将带您穿越四个最具迷惑性…...
如何在旧款Mac上安装最新macOS：OpenCore Legacy Patcher完整指南
如何在旧款Mac上安装最新macOS：OpenCore Legacy Patcher完整指南 【免费下载链接】OpenCore-Legacy-Patcher Experience macOS just like before 项目地址: https://gitcode.com/GitHub_Trending/op/OpenCore-Legacy-Patcher 还在为苹果官方停止支持的老旧Ma…...
解锁Switch无限可能：TegraRcmGUI图形化注入工具实战指南
解锁Switch无限可能：TegraRcmGUI图形化注入工具实战指南 【免费下载链接】TegraRcmGUI C GUI for TegraRcmSmash (Fuse Gele exploit for Nintendo Switch) 项目地址: https://gitcode.com/gh_mirrors/te/TegraRcmGUI 当你想为Nintendo Switch安装自定义系统…...
Node.js——事件的监听与触发
事件的监听与触发1、EventEmitter对象2、添加和触发监听事件2.1、添加监听事件2.2、添加单次监听事件2.3、触发监听事件3、删除监听事件1、EventEmitter对象 在JavaScript中，通过事件可以处理许多用户的交互，比如鼠标的单击、键盘按键的按下、对鼠标移动…...
断更 9 天放大招！OpenClaw 3.22 版全维度升级，龙虾这次真的变超强
各位技术圈的小伙伴，学长来给大家同步个重磅消息！火遍全网的 OpenClaw 断更 9 天之后，直接甩出王炸 ——2026.3.22-beta.1 预览版正式上线，这次可不是小修小补，而是从插件架构到安全防护、从模型配置到交互体验的底层大…...