ReactNative 开源UI 套件

打印 上一主题 下一主题

主题 979|帖子 979|积分 2937

1, NativeBase

NativeBase 是一个广受欢迎的 UI 组件库,为 React Native 提供了数十个跨平台组件。在利用 NativeBase 时,你可以利用任意开箱即用的第三方原生库,而这个项目本身也拥有一个丰富的生态体系,从有用的入门套件到可定制的主题模板。
NativeBase 项目地点: https://github.com/GeekyAnts/NativeBase
入门学习地点: https://reactnativeseed.com/
http://docs.nativebase.io/docs/GetStarted.html
2,React Native Elements

React Native Elements是一个高度可定制的跨平台 UI 工具包,完全用 Javascript 构建。该库的作者声称“React Native Elements 的想法更多的是关于组件布局而不是计划,这意味着在利用某些元素时可以减少样板代码,但可以完全控制它们的计划”,这对于开发新手和履历丰富的老手来说都很有吸引力。
React Native Elements 项目地点:
https://github.com/react-native-training/react-native-elements
React Native Elements 示例项目:
https://react-native-training.github.io/react-native-elements/
3,Shoutem

Shoutem也是一个 React Native UI 工具包,由 3 个部分构成:UI 组件、主题和组件动画。该库为 iOS 和 Android 提供了一组跨平台组件,所有组件都是可组合和可定制的。每个组件还提供了与其他组件一致的预定义样式,这样可以在无需手动定义复杂样式的环境下构建复杂的组件。
项目地点:https://shoutem.github.io/ui/
4, UI Kitten

UI Kitten这个库提供了一个可定制和可重复利用的 react-native 组件工具包,该工具包将样式定义移到特定位置,从而可以单独重用组件或为组件设置样式。通过传递差别的变量,可以很容易地“动态”改变主题样式。
项目地点: https://github.com/akveo/react-native-ui-kitten
项目体验地点:https://expo.io/@akveo/ui-kitten-explorer-app
5,React Native Material UI

React Native Material UI是一组高度可定制的 UI 组件,实现了谷歌的 Material Design。请注意,这个库利用了一个名为 uiTheme 的 JS 对象,这个对象在上下文间传递,以实现最大化的定制化本领。
React Native Material UI 项目地点:
https://github.com/xotahal/react-native-material-ui
包含库组件及示例的清单:
https://github.com/xotahal/react-native-material-ui/blob/master/docs/Components.md
6,React Native Material Kit

React Native Material Kit是一套很有用的 UI 组件和主题,实现了谷歌的 Material Design。不过需要说明的是, React Native Material Kit在2017 年 12 月之后就停止维护了。
项目地点: https://github.com/xinthink/react-native-material-kit
7,Nachos UI

Nachos UI 是一个 React Native 组件库,提供了 30 多个可定制的组件,这些组件也可以通过 react-native-web 在 Web 上运行。它通过了快照测试,支持格式化和 yarn,提供了热火的计划和全局主题管理器。
项目地点: https://github.com/nachos-ui/nachos-ui
8,React Native UI Library

Wix 工程公司正致力于开发这个最先进的 UI 工具集和组件库,它还支持 react-native-animatable 和 react-native-blur。这个库附带了一组预定义的样式预设(转换为修饰符),包括 Color、Typography、Shadow、Border Radius 等。
项目地点: https://github.com/wix/react-native-ui-lib

9,React Native Paper

React Native Paper是一个跨平台的 UI 组件库,它遵照 Material Design 指南,提供了全局主题支持和可选的 babel 插件,用以减少捆绑包大小。
React Native Paper 项目地点:
https://github.com/callstack/react-native-paper
Expo 示例应用步伐:
https://expo.io/@satya164/react-native-paper-example
10,React Native Vector Icons

React Native Vector Icons是一组 React Native 的可定制图标,支持 NavBar/TabBar/ToolbarAndroid、图像源和完备样式。它非常有用,而且被数千个应用步伐以及其他 UI 组件库(如 react-native-paper)所利用。
项目地点: https://github.com/oblador/react-native-vector-icons
示例项目:https://oblador.github.io/react-native-vector-icons/
11,Teaset

Teaset是一个 React Native UI 库,提供了 20 多个纯 JS(ES6)组件,用于内容显示和动作控制。固然它的文档不敷过细,但它简洁的计划吸引了我的眼球。
项目地点:https://github.com/rilyu/teaset
其他库

1,antd-mobile

antd-mobile是由蚂蚁金融团队推出的一个开源的react组件库,这个组件库拥有很多利用的组件。

项目地点:https://github.com/ant-design/ant-design-mobile
2,react-native-button

react-native-button是github上一个开源的button组件,现在仍保持比较快的更新频率,提供比较丰富的Button功能。
项目地点:https://github.com/ide/react-native-button
3,react-native-image-viewer

react-native-image-viewer是一个图片大图浏览的库,点击图片可以放大缩小。

项目地点:https://github.com/ascoders/react-native-image-viewer
4,react-native-image-picker

react-native-image-picker是实现多个图像选择、裁剪、压缩等功能的第三方库,可以利用该库实现图片、照相等操作。

项目地点:https://github.com/react-community/react-native-image-picker
5,react-native-picker

react-native-picker是React native最常见的滚轮控件,可以实现单滚轮、双滚轮和三滚轮效果。

项目地点:https://github.com/beefe/react-native-picker
6,react-native-scrollable-tab-view

react-native-scrollable-tab-view是一个带有TabBar和可切换页面的控件。,在Android中可以看成是ViewPager和TabLayout的结合。
项目地点:https://github.com/happypancake/react-native-scrollable-tab-view
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,通常是自己探索成长或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Android移动开发全套学习资料》,初志也很简单,就是希望可以大概资助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。





既有适合小白学习的零底子资料,也有适合3年以上履历的小伙伴深入学习提升的进阶课程,根本涵盖了95%以上Android开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、解说视频,而且会持续更新!
如果你觉得这些内容对你有资助,可以扫码获取!!(备注:Android)
重要知识点

下面是有几位Android行业大佬对应上方技术点整理的一些进阶资料。

高级进阶篇——高级UI,自定义View(部分展示)
UI这块知识是现今利用者最多的。当年火爆一时的Android入门培训,学会这小块知识就能随便找到不错的工作了。不过很显然现在远远不敷了,拒绝无休止的CV,亲自去项目实战,读源码,研究原理吧!



  • 面试题部分合集

《互联网大厂面试真题剖析、进阶开发焦点学习笔记、全套解说视频、实战项目源码讲义》点击传送门即可获取!
现在远远不敷了,拒绝无休止的CV,亲自去项目实战,读源码,研究原理吧!
[外链图片转存中…(img-o4OHPHke-1712793237688)]


  • 面试题部分合集
    [外链图片转存中…(img-7cfnwHi9-1712793237688)]
《互联网大厂面试真题剖析、进阶开发焦点学习笔记、全套解说视频、实战项目源码讲义》点击传送门即可获取!

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

宝塔山

金牌会员
这个人很懒什么都没写!
快速回复 返回顶部 返回列表