⚠️

重要前提

安装AI Skills的关键前提是：必须科学上网，且开启TUN模式，这一点至关重要，直接决定安装能否顺利完成，在此郑重提醒三遍：科学上网，科学上网，科学上网。查看完整安装教程 →

React Native 移动应用开发指南：使用JavaScript构建原生iOS和Android应用

react-native by hairyf/skills

55 周安装量

11 GitHub Stars

GitHub

安装命令

npx skills add https://github.com/hairyf/skills --skill react-native

React 移动应用 JavaScript 框架

🇨🇳中文介绍

React Native

该技能基于 React Native，生成于 2026-01-31。

React Native 让你仅使用 JavaScript 就能构建移动应用。它采用了与 React 相同的设计理念，让你可以通过声明式组件组合出丰富的移动用户界面。使用 React Native，你构建的不是一个“移动网页应用”、“HTML5 应用”或“混合应用”。你构建的是一个真正的移动应用，与使用 Objective-C 或 Java 构建的应用别无二致。

核心参考

主题	描述	参考链接
核心组件	View、Text、Image、TextInput、ScrollView - 基础的 UI 构建块	core-components
使用 Flexbox 布局	用于定位和对齐组件的 Flexbox 布局系统	core-layout
样式	用于创建和组织组件样式的 StyleSheet API	core-styling

功能特性

动画

主题

广告位招租

在这里展示您的产品或服务

触达数万 AI 开发者，精准高效

联系我们

相关 Skills

Node.js后端模式指南：构建可扩展REST API、微服务与实时应用

22,500 周安装

Next.js 16+ 缓存组件指南：实现部分预渲染（PPR）与混合内容缓存

18,800 周安装

Vue 3 调试指南：解决响应式、计算属性与监听器常见错误

12,200 周安装

Genkit JS 开发指南：AI 应用构建、错误排查与最佳实践

10,800 周安装

主题	描述	参考链接
触摸处理	Pressable、Touchable 组件以及用于处理用户输入的手势响应器	features-touch-handling
键盘	用于处理键盘事件、关闭键盘和 KeyboardAvoidingView 的 Keyboard API	features-keyboard

主题	描述	参考链接
附加组件	用于对话框、开关、加载状态的 Modal、Switch、ActivityIndicator、RefreshControl	components-ui

主题	描述	参考链接
列表	用于高效渲染大型可滚动列表的 FlatList 和 SectionList	features-lists

主题	描述	参考链接
颜色与主题	用于主题和深色模式支持的 Colors、PlatformColor、Appearance API	features-colors-theming

主题	描述	参考链接
平台 API	Linking、Dimensions、平台检测、AppState 和原生集成	features-platform-apis
网络	用于发起 HTTP 请求和处理网络响应的 Fetch API	features-network
状态栏	控制状态栏的外观、样式和可见性	features-statusbar
分享与振动	用于触觉反馈的原生分享对话框和设备振动	features-share-vibration
定时器	用于调度和延迟的 setTimeout、setInterval、requestAnimationFrame	features-timers
平台特定 API	Android (PermissionsAndroid、ToastAndroid、DrawerLayoutAndroid) 和 iOS (ActionSheetIOS)	features-platform-specific

主题	描述	参考链接
无障碍功能	屏幕阅读器支持、无障碍标签、角色和状态	features-accessibility

主题	描述	参考链接
变换	用于旋转、缩放、平移和倾斜的 2D 和 3D 变换	features-transforms

主题	描述	参考链接
性能	性能优化技巧、性能剖析和常见瓶颈	best-practices-performance
调试	调试工具、开发者菜单、LogBox、React Native DevTools 和调试技巧	best-practices-debugging

使用 StyleSheet.create() 来定义所有样式，而不是使用内联对象
使用 FlatList 来替代 ScrollView 处理长列表
尽可能启用 useNativeDriver 来处理动画（变换、透明度）
使用 Pressable 来处理新的触摸交互（优先于 Touchable 组件）
使用 Platform.select() 和 Platform.OS 来处理平台差异
在真实设备上测试 - 模拟器的行为可能与实际设备不同
通过 getItemLayout 优化列表性能，适用于固定高度的项目
使用 TypeScript 以获得更好的类型安全性和开发体验

🇺🇸English

React Native

The skill is based on React Native, generated at 2026-01-31.

React Native lets you build mobile apps using only JavaScript. It uses the same design as React, letting you compose a rich mobile UI from declarative components. With React Native, you don't build a "mobile web app", an "HTML5 app", or a "hybrid app". You build a real mobile app that's indistinguishable from an app built using Objective-C or Java.

Core References

Topic	Description	Reference
Core Components	View, Text, Image, TextInput, ScrollView - fundamental UI building blocks	core-components
Layout with Flexbox	Flexbox layout system for positioning and aligning components	core-layout
Styling	StyleSheet API for creating and organizing component styles	core-styling

Features

Animations

Topic	Description	Reference
Animated API	Create fluid animations with Animated.Value, timing, spring, and gesture integration	features-animations
Easing Functions	Easing functions for custom animation curves and natural motion	features-easing

User Interactions

Topic	Description	Reference
Touch Handling	Pressable, Touchable components, and gesture responders for handling user input	features-touch-handling
Keyboard	Keyboard API for handling keyboard events, dismissing keyboard, and KeyboardAvoidingView	features-keyboard

UI Components

Topic	Description	Reference
Additional Components	Modal, Switch, ActivityIndicator, RefreshControl for dialogs, toggles, loading states	components-ui

Data Display

Topic	Description	Reference
Lists	FlatList and SectionList for efficiently rendering large, scrollable lists	features-lists

Styling and Theming

Topic	Description	Reference
Colors and Theming	Colors, PlatformColor, Appearance API for theming and dark mode support	features-colors-theming

Platform Integration

Topic	Description	Reference
Platform APIs	Linking, Dimensions, Platform detection, AppState, and native integrations	features-platform-apis
Network	Fetch API for making HTTP requests and handling network responses	features-network
StatusBar	Control status bar appearance, style, and visibility	features-statusbar
Share & Vibration	Native share dialog and device vibration for haptic feedback	features-share-vibration
Timers	setTimeout, setInterval, requestAnimationFrame for scheduling and delays	features-timers

Accessibility

Topic	Description	Reference
Accessibility	Screen reader support, accessibility labels, roles, and states	features-accessibility

Advanced Styling

Topic	Description	Reference
Transforms	2D and 3D transforms for rotation, scale, translation, and skew	features-transforms

Best Practices

Topic	Description	Reference
Performance	Performance optimization techniques, profiling, and common bottlenecks	best-practices-performance
Debugging	Debugging tools, Dev Menu, LogBox, React Native DevTools, and debugging techniques	best-practices-debugging

Key Recommendations

Use StyleSheet.create() for all styles instead of inline objects
Use FlatList instead of ScrollView for long lists
Enable useNativeDriver for animations when possible (transform, opacity)
Use Pressable for new touch interactions (preferred over Touchable components)
Handle platform differences with Platform.select() and Platform.OS
Test on real devices - simulator behavior may differ from actual devices
Optimize list performance with getItemLayout for fixed-height items
Use TypeScript for better type safety and developer experience

Weekly Installs

Repository

hairyf/skills

GitHub Stars

First Seen

Feb 2, 2026

Security Audits

Gen Agent Trust HubPass SocketPass SnykPass

Installed on

cursor50

gemini-cli49

codex49

github-copilot49

opencode49

kimi-cli48

React Native 移动应用开发指南：使用JavaScript构建原生iOS和Android应用

🇨🇳中文介绍

React Native

核心参考

功能特性

动画

相关 Skills

用户交互

UI 组件

数据显示

样式与主题

平台集成

无障碍功能

高级样式

最佳实践

关键建议

🇺🇸English

React Native

Core References

Features

Animations

User Interactions

UI Components

Data Display

Styling and Theming

Platform Integration

Accessibility

Advanced Styling

Best Practices

Key Recommendations

最新 Skills

Animated API	使用 Animated.Value、timing、spring 和手势集成创建流畅的动画	features-animations
缓动函数	用于自定义动画曲线和自然运动的缓动函数	features-easing