# ultraman **Repository Path**: flyleaveX/ultraman ## Basic Information - **Project Name**: ultraman - **Description**: 这是一个练手的项目，内容是预览奥特曼图片，分为奥特曼英雄，怪兽，以及详情页面三部分，在详情页面可以给图片换背景~~。这是一个学习react-native的项目，作者第一次接触react-native，在学习的过程中使用文心一言协助一步一步完成了此项目。值得庆祝~~~~ 主要的目的是为了给我的孩子看奥特曼卡片，他已经收集了几百张的卡片了， - **Primary Language**: JavaScript - **License**: Apache-2.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 1 - **Forks**: 0 - **Created**: 2024-02-03 - **Last Updated**: 2026-07-31 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README 这是一个新的[**React Native**](https://reactnative.dev)项目，使用[`@react-native-community/cli`](https://github.com/react-native-community/cli)进行引导。 # 开始 >**注意**：在继续之前，请确保您已完成了[React Native - 环境设置](https://reactnative.dev/docs/environment-setup)的说明，直到“创建新应用程序”步骤。 ## 步骤1：启动Metro服务器首先，您需要启动**Metro**，这是与React Native一起提供的JavaScript _bundler_。要启动Metro，请在您的React Native项目的_根目录_中运行以下命令： ```bash # 使用npm npm start # 或者使用Yarn yarn start ``` ## 步骤2：启动您的应用程序让Metro Bundler在_自己的_终端中运行。从您的React Native项目的_根目录_中打开一个新的终端。运行以下命令以启动您的_Android_或_iOS_应用程序： ### 对于Android ```bash # 使用npm npm run android # 或者使用Yarn yarn android ``` ### 对于iOS ```bash # 使用npm npm run ios # 或者使用Yarn yarn ios ``` 如果一切设置_正确_，您应该很快在_Android模拟器_或_iOS模拟器_中看到您的新应用程序运行，前提是您已经正确设置了模拟器/模拟器。这是运行应用程序的一种方法——您还可以直接从Android Studio和Xcode中分别运行它。 ## 步骤3：修改您的应用程序现在您已经成功运行了应用程序，让我们来修改它。 1. 在您选择的文本编辑器中打开`App.tsx`并编辑一些行。 2. 对于**Android**：按两次R键或从**开发人员菜单**（Ctrl + M（在Windows和Linux上）或Cmd ⌘ + M（在macOS上））选择**“重新加载”**以查看您的更改！对于**iOS**：在您的iOS模拟器中按Cmd ⌘ + R以重新加载应用程序并查看您的更改！ ## 恭喜！ :tada: 您已成功运行并修改了您的React Native应用程序。 :partying_face: ### 接下来呢？如果您想将这段新的React Native代码添加到现有应用程序中，请查看集成指南。如果您想了解更多关于React Native的信息，请查看React Native入门。故障排查如果无法使其工作，请查看故障排查页面。了解更多要了解更多关于React Native的信息，请参阅以下资源： React Native网站 - 了解更多关于React Native的信息。入门 - React Native的概述以及如何设置您的环境。学习基础知识 - React Native基础知识的指导之旅。博客 - 阅读最新的官方React Native博客文章。 @facebook/react-native - React Native的开源GitHub存储库。