NutUI React Native 组件库,适用于 React Ntave 技术栈的 APP 或 H5 应用,开箱即用,帮助研发快速开发用户界面,提升开发效率,改善开发体验。 特性 🚀 50+ 高质量组件,覆盖移动端主流场景 📖 基于京东APP 10.0 视觉规范 📖 详尽的文档和示例 💪 支持 TypeScript ...
它支持较旧和最新的React Native版本,并提供了超过20个定制的组件,其中一些组件(如Drawer)可以轻松集成,用于构建现代可滑动列表,就像Gmail应用的收件箱一样。它还具有自定义动画组件,例如动画扫描器,对于指示卡片的进度(如上传状态)非常有用,以及动画图像。 RNUI是另一个支持右向左书写系统的UI库,并且包含全面的可...
https://github.com/crazycodeboy/react-native-easy-toast 各种漂亮的小组件 https://github.com/xinthink/react-native-material-kit base组件库 https://github.com/GeekyAnts/NativeBase 按钮 https://github.com/mastermoo/react-native-action-button 炫酷效果的 TextInput https://github.com/halilb/react-...
beeshell 组件库基于 React Native,向下通过 React Native 与 iOS、Android 平台进行系统层面的交互,向上提供开发者友好的统一接口,抹平平台差异,为用户开发业务功能提供服务支持。beeshell 扮演了一个中间者的角色,从而保证了移动端应用基础功能的稳定性、易用性。 框架设计确定了 beeshell 的系统边界,指明了包含的功能...
在开始新的react native 混合app项目之前,需要寻找一款合适的UI组件库。我们一般使用基础组件一般可以划分为一下三类: 对react-native原生提供的组件进行二次封装后的基础组件,例如:Button。 通过npm安装的第三方基础组件,例如:Accordion。 少数直接复制第三方组件库中代码,以应对特定情况使用的基础组件,例如:CustomModal...
React Native组件库 1. NativeBase 超过10k stars 和 1k fork,NativeBase 是一个广受欢迎的UI组件库,它为 React native 提供了几十个跨平台组件。当使用 NativeBase 时,你可以使用任何现成的本地第三方库,并且项目本身围绕着它提供了丰富的生态系统,从有用的starter-kit到可定制的主题模板。这是一个不错的入门...
material组件库 https://github.com/xinthink/react-native-material-kit base组件库 http://nativebase.io/docs/v0.4.6/components#anatomy https://github.com/GeekyAnts/NativeBase 按钮 https://github.com/mastermoo/react-native-action-button https://github.com/ide/react-native-button ...
star数1.5K左右,是一个跨平台的UI组件库,它遵循Material Design指南,提供了全局主题支持和可选的babel插件,用以减少捆绑包大小。这里是一个Expo示例应用程序,可帮你快速了解这个库(expo.io/@satya164/r…)。 React Native Paper项目地址: github.com/callstack/r… ...
reactstrap| 基于 Bootstrap 4 的无状态 React 组件库。 https://reactstrap.github.io/ 1. https://github.com/reactstrap/reactstrap 1. 安装 $ npm i reactstrap -S 1. 使用 // 引入组件import React from 'react';import ReactDOM from 'react-dom';import { Button } from 'reactstrap';import ...
[React-Native]常用组件 一、Image组件 (1)引用本地图片 React Native提供了一种统一的方式来管理iOS和Android应用中的图片。 要向应用程序添加静态图片,请将其放在源代码树中的某个位置,并引用它,如下所示: <Image source={require('./my-icon.png')} />...