移动应用
React Native
用户界面
调试
类 | 说明 | 兼容平台 | 来源 |
---|---|---|---|
DevSettings | 开发设置 | - | react-native |
DevClient | 开发工具客户端 | - | expo-dev-client |
Flipper | 调试工具客户端 | - | - |
React Native Debugger | 调试工具客户端 | - | - |
界面开发
基础
类 | 说明 | 兼容平台 | 来源 |
---|---|---|---|
StyleSheet | 样式 | - | react-native |
PanResponder | 响应器 | - | react-native |
Pressable | 可按下的 | - | react-native |
TouchableHighlight | 可触摸的高亮 | - | react-native |
TouchableOpacity | 可触摸的透明度 | - | react-native |
TouchableWithoutFeedback | 可触摸的反馈 | - | react-native |
TouchableNativeFeedback | 可触摸的原生反馈 | Android | react-native |
- | 触摸和手势处理 | - | react-native-gesture-handler |
Svg | SVG | - | react-native-svg |
Font | 字体 | - | expo-font |
视图
类 | 说明 | 兼容平台 | 来源 |
---|---|---|---|
Dimensions | 尺寸 | - | react-native |
PixelRatio | 像素比 | - | react-native |
View | 视图 | - | react-native |
ScrollView | 滚动视图 | - | react-native |
KeyboardAvoidingView | 键盘回避视图 | - | react-native |
InputAccessoryView | 输入视图 | iOS | react-native |
SafeAreaView | 安全区域视图 | iOS | react-native |
SafeAreaView、SafeAreaProvider | 安全区域上下文 | - | react-native-safe-area-context |
BlurView | 模糊视图 | - | expo-blur |
LinearGradient | 渐变视图 | - | expo-linear-gradient |
MaskedView | 遮罩视图 | - | @react-native-masked-view/masked-view |
路由
类 | 说明 | 兼容平台 | 来源 |
---|---|---|---|
Stack、Slot、Link、Redirect、ErrorBoundary | 路由器,构建在 React Navigation 之上 | - | expo-router |
URL、URLSearchParams | 网址 | - | react-native |
网络请求
类 | 说明 | 兼容平台 | 来源 |
---|---|---|---|
fetch | 网络请求 | - | expo |
BackgroundFetch | 后台获取 | - | expo-background-fetch |
国际化
类 | 说明 | 兼容平台 | 来源 |
---|---|---|---|
getLocales、getCalendars | 本地化 | - | expo-localization |
动画
类 | 说明 | 兼容平台 | 来源 |
---|---|---|---|
InteractionManager | 交互管理 | - | react-native |
Transforms | 变换 | - | react-native |
Animated | 动画 | - | react-native |
Easing | easing 函数 | - | react-native |
LayoutAnimation | 布局动画 | - | react-native |
- | 创建流畅、强大且可维护的动画的过程 | - | react-native-reanimated |
LottieView | 实时渲染 After Effects 动画 | - | lottie-react-native |
无障碍
类 | 说明 | 兼容平台 | 来源 |
---|---|---|---|
AccessibilityInfo | 无障碍信息 | - | react-native |
安全
类 | 说明 | 兼容平台 | 来源 |
---|---|---|---|
TextEncoder、TextDecoder | 编码 | - | - |
AccessTokenRequest 、RefreshTokenRequest 、RevokeTokenRequest 、TokenRequest | 基于浏览器的身份验证 | - | expo-auth-session |
AppleAuthenticationButton | Apple 认证 | iOS | expo-apple-authentication |
Crypto | 加密 | - | expo-crypto |
场景
图形
类 | 说明 | 兼容平台 | 来源 |
---|---|---|---|
Skia | Skia 图形引擎 | - | @shopify/react-native-skia |
音视频
类 | 说明 | 兼容平台 | 来源 |
---|---|---|---|
Recording 、Sound 、AV 、Playback 、Video | 音频和视频 | - | expo-av |
AudioPlayer/AudioRecorder | 音频 | - | expo-audio |
VideoView | 视频 | - | expo-video |
Speech | 文本到语音转换 | - | expo-speech |
VideoThumbnails | 视频缩略图 | - | expo-video-thumbnails |
元宇宙
类 | 说明 | 兼容平台 | 来源 |
---|---|---|---|
GLView | WebGL 库 | - | expo-gl |
AI
类 | 说明 | 兼容平台 | 来源 |
---|---|---|---|
LocalAuthentication | 本地身份验证(人脸或指纹扫描) | - | expo-local-authentication |
Fingerprint | 指纹 | - | @expo/fingerprint |
UI 组件库
通用
类 | 说明 | 兼容平台 | 来源 |
---|---|---|---|
Button | 按钮 | - | react-native |
SymbolView | 图标 | - | expo-symbols |
- | - | 图标 | - |
布局
类 | 说明 | 兼容平台 | 来源 |
---|---|---|---|
StatusBar | 状态栏 | - | react-native |
StatusBar | 状态栏 | - | expo-status-bar |
导航
类 | 说明 | 兼容平台 | 来源 |
---|---|---|---|
BackHandler | 后退处理 | Android | react-native |
NavigationBar | 导航栏 | Android | expo-navigation-bar |
TabList、Tabs、TabSlot、TabTrigger | Tabs 选项卡 | - | expo-router/ui |
SegmentedControl | 分段控制 | - | @react-native-segmented-control/segmented-control |
数据展示
类 | 说明 | 兼容平台 | 来源 |
---|---|---|---|
Text | 文本 | - | react-native |
Image | 图片 | - | react-native |
ImageBackground | 背景图片 | - | react-native |
FlatList | 列表 | - | react-native |
SectionList | 分组列表 | - | react-native |
VirtualizedList |