@@ -3,27 +3,33 @@ Awesome React Native
33
44React Native 不仅适用于 Android 和 iOS - 还有社区支持的项目将其带到其他平台,例如:
55
6- - [ React Native Windows] ( https://github.com/Microsoft/react-native-windows ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/Microsoft/react-native-windows.svg?label= " /> React Native 支持针对 Microsoft 的通用 Windows 平台 (UWP)。
7- - [ React Native macOS] ( https://github.com/microsoft/react-native-macos ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/microsoft/react-native-macos.svg?label= " /> React Native fork 针对 macOS 和 Cocoa。
8- - [ React Native Turbolinks] ( https://github.com/lazaronixon/react-native-turbolinks ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/lazaronixon/react-native-turbolinks.svg?label= " /> React Native 适配器,用于使用 Turbolinks 5 构建混合应用程序。
9- - [ React Native Desktop] ( https://github.com/status-im/react-native-desktop ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/status-im/react-native-desktop.svg?label= " /> 一个旨在使用 Qt 的 QML 将 React Native 带到桌面的项目。 [ React Native Ubuntu] ( https://github.com/CanonicalLtd/react-native/ ) 的一个分支,不再维护。
10- - [ React Native tvOS] ( https://github.com/react-native-community/react-native-tvos ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/react-native-community/react-native-tvos.svg?label= " /> 针对 Apple tvOS 的 React Native 改编。
6+ - [ React Native Windows] ( https://github.com/Microsoft/react-native-windows ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/Microsoft/react-native-windows.svg?label= " /> < img align = " bottom " height = " 13 " src = " https://img.shields.io/npm/dm/react-native-windows.svg?style=flat&label= " /> React Native 支持针对 Microsoft 的通用 Windows 平台 (UWP)。
7+ - [ React Native macOS] ( https://github.com/microsoft/react-native-macos ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/microsoft/react-native-macos.svg?label= " /> < img align = " bottom " height = " 13 " src = " https://img.shields.io/npm/dm/react-native-macos.svg?style=flat&label= " /> React Native fork 针对 macOS 和 Cocoa。
8+ - [ React Native Turbolinks] ( https://github.com/lazaronixon/react-native-turbolinks ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/lazaronixon/react-native-turbolinks.svg?label= " /> < img align = " bottom " height = " 13 " src = " https://img.shields.io/npm/dm/react-native-turbolinks.svg?style=flat&label= " /> React Native 适配器,用于使用 Turbolinks 5 构建混合应用程序。
9+ - [ React Native Desktop] ( https://github.com/status-im/react-native-desktop ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/status-im/react-native-desktop.svg?label= " /> < img align = " bottom " height = " 13 " src = " https://img.shields.io/npm/dm/react-native-desktop.svg?style=flat&label= " /> 一个旨在使用 Qt 的 QML 将 React Native 带到桌面的项目。 [ React Native Ubuntu] ( https://github.com/CanonicalLtd/react-native/ ) 的一个分支,不再维护。
10+ - [ React Native tvOS] ( https://github.com/react-native-community/react-native-tvos ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/react-native-community/react-native-tvos.svg?label= " /> < img align = " bottom " height = " 13 " src = " https://img.shields.io/npm/dm/react-native-tvos.svg?style=flat&label= " /> 针对 Apple tvOS 的 React Native 改编。
1111- [ alita] ( https://github.com/areslabs/alita ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/areslabs/alita.svg?label= " /> 一套把 React Native 代码转换成微信小程序代码的转换引擎工具。
12- - [ Proton Native] ( https://github.com/kusti8/proton-native ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/kusti8/proton-native.svg?label= " /> React Native 的包装器,使用 Qt 来针对 Linux、MacOS 和 Windows。
12+ - [ Proton Native] ( https://github.com/kusti8/proton-native ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/kusti8/proton-native.svg?label= " /> < img align = " bottom " height = " 13 " src = " https://img.shields.io/npm/dm/proton-native.svg?style=flat&label= " /> React Native 的包装器,使用 Qt 来针对 Linux、MacOS 和 Windows。
1313
1414## 社区精选组件
1515
16- - [ react-navigation] ( https://github.com/react-navigation/react-navigation ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/react-navigation/react-navigation.svg?label= " /> React Native 应用程序的路由和导航。
17- - [ react-native-camera] ( https://github.com/react-native-camera/react-native-camera ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/react-native-camera/react-native-camera.svg?label= " /> React Native 的相机组件。 还支持条码扫描!
18- - [ react-native-code-push] ( https://github.com/microsoft/react-native-code-push ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/microsoft/react-native-code-push.svg?label= " /> 用于 CodePush 的 React Native 模块。
19- - [ react-native-maps] ( https://github.com/react-native-maps/react-native-maps ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/react-native-maps/react-native-maps.svg?label= " /> 适用于 iOS + Android 的 React Native Map 组件。
20- - [ react-native-modal] ( https://github.com/react-native-modal/react-native-modal ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/react-native-modal/react-native-modal.svg?label= " /> 一个增强的、动画的和可定制的 React Native modal。
21- - [ react-native-svg] ( https://github.com/react-native-svg/react-native-svg ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/react-native-svg/react-native-svg.svg?label= " /> 用于 React Native、React Native Web 和普通 React Web 项目的 SVG 库。
22- - [ react-native-share] ( https://github.com/react-native-share/react-native-share ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/react-native-share/react-native-share.svg?label= " /> 社交分享,向其他应用发送简单数据。
23- - [ react-native-video] ( https://github.com/react-native-video/react-native-video ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/react-native-video/react-native-video.svg?label= " /> React Native 的 ` <Video /> ` 组件。
24- - [ react-native-webview] ( https://github.com/react-native-webview/react-native-webview ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/react-native-webview/react-native-webview.svg?label= " /> React Native 跨平台 WebView。
25- - [ react-native-webrtc] ( https://github.com/react-native-webrtc/react-native-webrtc ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/react-native-webrtc/react-native-webrtc.svg?label= " /> React Native 的 WebRTC 模块。
26- - [ react-native-async-storage] ( https://github.com/react-native-async-storage/async-storage ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/react-native-async-storage/async-storage.svg?label= " /> React Native 的异步、未加密、持久、键值存储系统。
27- - [ react-native-device-info] ( https://github.com/react-native-device-info/react-native-device-info ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/react-native-device-info/react-native-device-info.svg?label= " /> React Native 用于获取当前设备信息。
28- - [ react-native-gesture-handler] ( https://github.com/software-mansion/react-native-gesture-handler ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/software-mansion/react-native-gesture-handler.svg?label= " /> React Native 原生触摸和手势系统的声明式 API。
16+ - [ react-navigation] ( https://github.com/react-navigation/react-navigation ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/react-navigation/react-navigation.svg?label= " /> < img align = " bottom " height = " 13 " src = " https://img.shields.io/npm/dm/@react-navigation/core.svg?style=flat&label= " /> React Native 应用程序的路由和导航。
17+ - [ react-native-camera] ( https://github.com/react-native-camera/react-native-camera ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/react-native-camera/react-native-camera.svg?label= " /> < img align = " bottom " height = " 13 " src = " https://img.shields.io/npm/dm/react-native-camera.svg?style=flat&label= " /> React Native 的相机组件。 还支持条码扫描!
18+ - [ react-native-code-push] ( https://github.com/microsoft/react-native-code-push ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/microsoft/react-native-code-push.svg?label= " /> < img align = " bottom " height = " 13 " src = " https://img.shields.io/npm/dm/react-native-code-push.svg?style=flat&label= " /> 用于 CodePush 的 React Native 模块。
19+ - [ react-native-maps] ( https://github.com/react-native-maps/react-native-maps ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/react-native-maps/react-native-maps.svg?label= " /> < img align = " bottom " height = " 13 " src = " https://img.shields.io/npm/dm/react-native-maps.svg?style=flat&label= " /> 适用于 iOS + Android 的 React Native Map 组件。
20+ - [ react-native-modal] ( https://github.com/react-native-modal/react-native-modal ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/react-native-modal/react-native-modal.svg?label= " /> < img align = " bottom " height = " 13 " src = " https://img.shields.io/npm/dm/react-native-modal.svg?style=flat&label= " /> 一个增强的、动画的和可定制的 React Native modal。
21+ - [ react-native-svg] ( https://github.com/react-native-svg/react-native-svg ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/react-native-svg/react-native-svg.svg?label= " /> < img align = " bottom " height = " 13 " src = " https://img.shields.io/npm/dm/react-native-svg.svg?style=flat&label= " /> 用于 React Native、React Native Web 和普通 React Web 项目的 SVG 库。
22+ - [ react-native-share] ( https://github.com/react-native-share/react-native-share ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/react-native-share/react-native-share.svg?label= " /> < img align = " bottom " height = " 13 " src = " https://img.shields.io/npm/dm/react-native-share.svg?style=flat&label= " /> 社交分享,向其他应用发送简单数据。
23+ - [ react-native-video] ( https://github.com/react-native-video/react-native-video ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/react-native-video/react-native-video.svg?label= " /> < img align = " bottom " height = " 13 " src = " https://img.shields.io/npm/dm/react-native-video.svg?style=flat&label= " /> React Native 的 ` <Video /> ` 组件。
24+ - [ react-native-webview] ( https://github.com/react-native-webview/react-native-webview ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/react-native-webview/react-native-webview.svg?label= " /> < img align = " bottom " height = " 13 " src = " https://img.shields.io/npm/dm/react-native-webview.svg?style=flat&label= " /> React Native 跨平台 WebView。
25+ - [ react-native-webrtc] ( https://github.com/react-native-webrtc/react-native-webrtc ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/react-native-webrtc/react-native-webrtc.svg?label= " /> < img align = " bottom " height = " 13 " src = " https://img.shields.io/npm/dm/react-native-webrtc.svg?style=flat&label= " /> React Native 的 WebRTC 模块。
26+ - [ react-native-async-storage] ( https://github.com/react-native-async-storage/async-storage ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/react-native-async-storage/async-storage.svg?label= " /> < img align = " bottom " height = " 13 " src = " https://img.shields.io/npm/dm/@react-native-async-storage/async-storage.svg?style=flat&label= " /> React Native 的异步、未加密、持久、键值存储系统。
27+ - [ react-native-device-info] ( https://github.com/react-native-device-info/react-native-device-info ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/react-native-device-info/react-native-device-info.svg?label= " /> < img align = " bottom " height = " 13 " src = " https://img.shields.io/npm/dm/react-native-device-info.svg?style=flat&label= " /> React Native 用于获取当前设备信息。
28+ - [ react-native-gesture-handler] ( https://github.com/software-mansion/react-native-gesture-handler ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/software-mansion/react-native-gesture-handler.svg?label= " /> < img align = " bottom " height = " 13 " src = " https://img.shields.io/npm/dm/react-native-gesture-handler.svg?style=flat&label= " /> React Native 原生触摸和手势系统的声明式 API。
2929
30+
31+ ## 第三方组件
32+
33+ 搜集第三方优秀组件。
34+
35+ - [ react-native-date-picker] ( https://www.npmjs.com/package/react-native-date-picker ) - <img align =" bottom " height =" 13 " src =" https://img.shields.io/github/stars/henninghall/react-native-date-picker.svg?label= " /> <img align =" bottom " height =" 13 " src =" https://img.shields.io/npm/dm/react-native-date-picker.svg?style=flat&label= " /> 用于 Android 和 iOS 的日期时间选择器。 它包括日期、时间和日期时间选择器模式。
0 commit comments