数据库网站建设方案,网站推广优化是什么意思,jsp网站 值班,大型网站服务器多少钱React Native 目录
使用React Native CLI命令创建的目录如下图所示#xff1a; 重要目录说明
目录说明__tests__存放测试用例的目录.bundle / config配置文件#xff08;一般不会用到#xff09;android 和 IOS 文件夹这两个文件夹主要是存放安卓和 ios 相关的配置文件和…React Native 目录
使用React Native CLI命令创建的目录如下图所示 重要目录说明
目录说明__tests__存放测试用例的目录.bundle / config配置文件一般不会用到android 和 IOS 文件夹这两个文件夹主要是存放安卓和 ios 相关的配置文件和打包配置文件android / build.gradle主要是记录了设备支持 SDK 的最低版本、模板设备的版本、依赖插件当我们需要添加依赖插件时就可以添加在这个文件中android / gradle.properties可以做一些 Gradle 文件的全局性配置也可以存放一下比较私密的信息在里面android / app / src / mainapp.js 会链接这两个文件把应用相关的参数提取到框架中ios / Podfile依赖项配置信息都在这里系统运行时都会把相关依赖进行安装.gitignore配置 git 提交时需要忽略的文件.prettierrc.js代码格式化配置.watchmanconfigWatchman 用于监控文件变化辅助实现工程修改所见即所得GemfileWatchman 用于监控文件变化辅助实现工程修改所见即所得index.jsAPP 渲染的总入口他们会把相关的 APP 配置信息和根级组件渲染出来
重写 APP.tsx 文件
我们首先在APP.tsx文件中编写一个 Hello World!的内容。从这个内容中我们可以首先了解到如下三个组件
组件说明View相当于 HTML 中的 Div 元素相当于一个容器Text相当于 HTML 中的 P 元素展示文本内容SafeAreaView安全区主要是因为手机中有一些凹陷的部分例如刘海屏的手机安全区是不带有这些凹陷部分
具体实例
import React from react;
import { SafeAreaView, Text, View } from react-native;const App: React.FC () {return (SafeAreaViewViewTextHello World !/Text/View/SafeAreaView);
};export default App;
