ReactNative 开源UI 套件

这篇具有很好参考价值的文章主要介绍了ReactNative 开源UI 套件。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

ReactNative 开源UI 套件,程序员,react native,开源,ui

ReactNative 开源UI 套件,程序员,react native,开源,ui

ReactNative 开源UI 套件,程序员,react native,开源,ui

ReactNative 开源UI 套件,程序员,react native,开源,ui

ReactNative 开源UI 套件,程序员,react native,开源,ui

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)

ReactNative 开源UI 套件,程序员,react native,开源,ui

重要知识点

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

ReactNative 开源UI 套件,程序员,react native,开源,ui

高级进阶篇——高级UI,自定义View(部分展示)

UI这块知识是现今使用者最多的。当年火爆一时的Android入门培训,学会这小块知识就能随便找到不错的工作了。不过很显然现在远远不够了,拒绝无休止的CV,亲自去项目实战,读源码,研究原理吧!

ReactNative 开源UI 套件,程序员,react native,开源,ui

  • 面试题部分合集
    ReactNative 开源UI 套件,程序员,react native,开源,ui

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!文章来源地址https://www.toymoban.com/news/detail-854795.html

现在远远不够了,拒绝无休止的CV,亲自去项目实战,读源码,研究原理吧!

[外链图片转存中…(img-o4OHPHke-1712793237688)]

  • 面试题部分合集
    [外链图片转存中…(img-7cfnwHi9-1712793237688)]

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

到了这里,关于ReactNative 开源UI 套件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 为什么程序员都喜欢开源的软件?

    程序员宝藏库 :https://gitee.com/sharetech_lee/CS-Books-Store 商业软件 :下载、安装、注册账号、登陆、看广告…费了半天功夫之后发现竟然收费! 开源软件 :开放透明、完全免费。 这么明显的对比,为啥不喜欢用开源软件呢? 以PDF阅读为例,这类商业软件不少,用的时候会发现

    2023年04月09日
    浏览(46)
  • 程序员提效 x10 的必备开源“神器”

    工欲善其事,必先利其器。我们每个人的电脑中都会有一些爱不释手的工具软件。 转Linux 桌面2年了,期间尝试过各种各样“神奇”的开源工具,作为一个开源软件爱好者,这里给大家推荐几个这些年工作、学习、生活中常用、跨平台、免费的开源”神器”~ rime 输入法框架

    2024年04月14日
    浏览(42)
  • GPT-Pilot:第一个真正的AI程序员,已开源24.7k星星,替代95%的程序员工作!

      ChatGPT狂飙160天,世界已经不是之前的样子。 新建了人工智能中文站https://ai.weoknow.com 每天给大家更新可用的国内可用chatGPT资源 ​ ​  发布在https://it.weoknow.com 项目简介 GPT Pilot是Pythagora推出的一款核心技术产品,旨在提供第一个真正的AI开发者助手。它不仅仅是代码自动完

    2024年04月17日
    浏览(29)
  • AI程序员Devin的开源替代品-Devika

    Devika是一名高级人工智能软件工程师,可以理解人类的高级指令,将它们分解成步骤,研究相关信息,并编写代码来实现给定的目标。Devika利用大型语言模型、规划和推理算法以及网页浏览能力来智能地开发软件。 Devika的目标是通过提供一个人工智能结对程序员来彻底改变我

    2024年04月28日
    浏览(25)
  • 面向程序员的精品开源字体:让代码更易读、更美观、更实用

    随着计算机技术的飞速发展,程序员需要处理大量的文本信息,而字体作为信息传达的重要元素,在这个过程中扮演着至关重要的角色。一款精美、实用的字体能够帮助程序员更好地表达自己的思想和感情,提高工作效率和工作质量。因此,面向程序员的精品开源字体的出现

    2024年02月03日
    浏览(24)
  • 书栈网-BookStack 程序员IT互联网开源编程书籍免费阅读

    书栈网是一个提供各种编程语言和技术的开源书籍免费阅读的网站,涵盖前端、后端、数据库、算法、数据分析等领域。您可以在书栈网找到最新最热的开源书籍,以及相关的文档资料。 书栈网提供网页版跟手机APP。 网页版书栈网官网地址:https://www.bookstack.cn/ 手机版 Book

    2024年02月04日
    浏览(48)
  • 一位程序员将一款开源工具变成了价值75亿美元的帝国

    他的成功,激励着年轻的程序员 除了写代码,作为开发者,我们也需要时不时地仰望星空。我们每个人都怀有着远大的理想,希望用代码改变自己的生活、行业,甚至是这个世界。编码不仅仅是工作,更是对自己梦想和追求的执着。但是,如何开始,如何改变,有时候我们可

    2023年04月11日
    浏览(31)
  • 身为一个后端程序员如何快速制作后端管理系统的UI

    我的专业领域在后端开发上,前端我仅仅是熟悉,但是要从头开发一个前端UI界面有点难为人了。那么身为一个后端程序员我们怎么来开发后端管理系统UI界面呢? 市面上有很多后端管理系统的UI模版,但我推荐的layui + lauyimini,虽然技术偏老,也没咋维护了,但是上手简单呀

    2024年02月11日
    浏览(34)
  • mint-ui使用,面试一路绿灯Offer拿到手软,最新大厂程序员进阶宝典

    mint-ui 的使用 mint-ui官网 安装 npm install mint-ui -S 引入项目 全局引入(简单粗暴,一次引入所有组件) main.js // 引入全部组件 import Vue from ‘vue’; import Mint from ‘mint-ui’; import ‘mint-ui/lib/style.css’; // 有可能会报错, 找node_modules --》 mint-ui ?css Vue.use(Mint); 弹框 Toast组件 import {

    2024年04月08日
    浏览(39)
  • Meta与微软联手推出开源大型语言模型Llama 2;程序员如何优雅地做副业

    🦉 AI新闻 🚀 Meta与微软联手推出开源大型语言模型Llama 2 摘要 :Meta和微软近期合作发布了名为Llama 2的开源大型语言模型。该模型旨在帮助开发者和组织构建生成式人工智能工具和体验。Azure客户可以更轻松、安全地在Azure平台上微调和部署Llama 2模型,也可以优化后在Window

    2024年02月13日
    浏览(42)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包