Expo 和React Native 常用组件

最近想试试移动应用开发，想到自己本来就会 React，就选择了 React Native 作为框架。记录一下学习过程中的一些笔记

Expo 入门

在开始使用各种组件之前，先介绍一个非常好用的工具：Expo CLI。

Expo CLI 是一个命令行工具，可以帮助我们快速创建、开发和部署 React Native 应用。它简化了许多配置和构建步骤，让我们可以专注于应用逻辑的编写。

使用 Expo CLI 的优势：

• 快速创建项目: 只需一条命令即可创建一个新的 React Native 项目，无需手动配置 Android Studio 或 Xcode。
• 无需原生代码: Expo 提供了许多常用的 API 和组件，大部分情况下无需编写原生代码即可实现功能。
• 实时预览: 使用 Expo Go 应用，可以在手机上实时预览应用，方便调试和展示。
• 简化发布流程: Expo 提供了云端构建服务，可以轻松将应用发布到 App Store 和 Google Play。

当然，Expo 也有一些限制，比如对某些原生功能的支持不够完善。但对于初学者来说，Expo 绝对是一个非常友好的入门工具。

常用组件

React Native 中有很多现成的组件可以用，搭建界面很方便，以下是一些常用的：

1. View: 类似 HTML 中的 <div>，用来放其他组件，控制布局。
2. Text: 显示文字内容，比如标题、段落、按钮上的文字。
3. Image: 显示图片，可以加载本地图片或者网络图片。
4. ScrollView: 用来处理长列表或者内容超出屏幕的情况，可以滚动查看。
5. FlatList 和 SectionList: 高性能列表组件，适合展示大量数据，支持分组和分页加载。
6. Touchable Components: 用来处理用户的触摸操作，比如点击、长按。
7. TextInput: 文本输入框，可以获取用户输入的内容。
8. Button: 按钮，用户点击后会执行相应的操作。
9. Picker: 下拉选择框，让用户从多个选项中选择。
10. Modal: 模态框，会覆盖在当前界面上，用来显示一些重要的信息或者提醒。

除此之外还有很多其他组件，比如 ActivityIndicator、WebView、KeyboardAvoidingView 等等，以后用到再慢慢学习。

参考文档

https://reactnative.dev/docs/view https://docs.expo.dev/