full-stack-skills/react-skills

react-native

Provides comprehensive guidance for React Native development including components, navigation, native modules, platform-specific code, and mobile app development.

View source

How to use

  1. Copy the installation command and review the source package before installing it in your own agent environment.
  2. Check the source document for required tools, credentials and supported hosts.
  3. Describe your input and desired deliverable; review the output against the source material.
npx skills add https://github.com/full-stack-skills/react-skills --skill react-native

Before you start

  • Installation does not include a model subscription, API allowance or permission to access your files.
  • Repository stars and installation counts describe activity, not an independent quality or security test.
Original skill document

Rendered from the source repository. Headings, examples, code, tables, links, and referenced images are preserved.

When to use this skill

Use this skill whenever the user wants to:

  • 用 React Native 开发跨平台移动应用、原生组件与桥接
  • 配置 Metro、原生依赖、调试与发布

How to use this skill

  1. 核心:View、Text、FlatList、StyleSheet;导航(React Navigation);原生模块与链接。
  2. 运行:npx react-native run-ios/run-android;Metro、模拟器与真机。
  3. 参考:https://reactnative.dev/docs/getting-started

Best Practices

  • 列表用 FlatList 与优化;避免在主线程重计算。
  • 原生依赖与版本匹配;测试双端与发布流程。

Keywords

react native, 跨平台, 移动端, Metro

Related by task

from this repository

More skills

All skills