在React Native的入门中,一直到创建项目为止

首先

我会在这里写下React Native环境设置的步骤和基础知识,就像是备忘录一样。

React Native是什么

我从以下文章中取自一部分:

React Nativeとは?~特徴やメリットデメリット、事例を紹介~

React Native是由Facebook开发的应用程序框架之一,可用于跨平台开发。使用React Native可以同时开发iOS、Android、Windows、macOS等不同平台的应用程序。值得注意的是,React Native的开发语言是JavaScript。

React是一個用於構建UI的JavaScript庫,在2012年由Facebook的軟體工程師開發。在內部開發完成後,它也被引入到Facebook.com和Instagram.com等網站中。

总之,React Native是一种可以使用React语法来开发手机应用程序的跨平台解决方案。

关于博览会的相关信息

Expo是一个免费且开源的工具包,用于简化和加速移动应用程序的开发。通过使用Expo,可以更轻松地开发基于React Native的移动应用程序,并使开发人员能够集中精力于应用程序的代码。

安装Expo Go

在创建项目之前,请先安装名为”Expo Go”的应用程序。
这个应用程序可以在开发过程中,在您自己的手机或其他设备上实时显示屏幕,以便更好地进行开发。(热重载)

您可以从以下页面进行安装:
https://expo.dev/client?utm_source=google&utm_medium=cpc&utm_content=performancemax&gclid=Cj0KCQjw06-oBhC6ARIsAGuzdw3Z7Sy9AxlswqgliozgKLzDlTTQ0e1rfsd26eYV_g-9bVdJjwWIUu8aAnCKEALw_wcB

创建React Native项目

用以下的命令创建一个项目。

npx create-expo-app SampleProject

要启动项目,请使用以下指令。

cd SampleProject
npx expo start
スクリーンショット 2023-09-23 11.16.55.png
image.png

这个界面反映了App.js文件的代码。
当你改变代码时,热重载将改变界面的显示。

文件列表

以下是我参考的文件。

 

最后

因为我还写了其他记录,所以请一定要去读一读。

 

广告
将在 10 秒后关闭
bannerAds