数据结构
网络
关系型数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
服装设计
法律研究不同 React Native UI 库的比较
Facebook 开发了 React Native 来构建原生编译的跨平台应用程序。它在希望创建可在 Android 和 iOS 设备上使用的应用程序的移动应用程序开发人员中非常受欢迎。
React Native 开始兴起，因为它赢得了不断增长的社区的信任，包括预制 UI 组件和 React Native 库。
Uber Eats、Instagram、Pinterest、Airbnb、Skype 等的创建都使用了它们的 React Native 平台，并且它们都是不言而喻的。
React Native UI 元素
React Native 是一个开源的 Javascript 库，可帮助开发人员为 iOS 和 Android 平台创建移动应用程序。
超过 70% 的公司更喜欢 React Native 而不是其他 UI 库。
React Native 由两部分组成：UI 和逻辑。UI 部分不需要任何 JavaScript 知识，而是需要您使用 JSX 或 ES6 JavaScript 语法。它使用 React 的默认模板引擎 JSX 或 ES6 JavaScript 语法，并提供许多自定义组件。
React Native 中的 UI 元素表示为一个简单的组件，可用于以编程方式创建自定义组件。
由于其灵活的渲染能力，React Native 可以运行在 Android、Windows Phone 8+、iOS、Tizen（三星）、Ubuntu Touch、Windows 8+ 和 Mac OS X 上。React Native 还可以利用每个平台上的原生 API 来提供更接近这些平台的原生体验。
React Native 的 UI 库
我们将在本文中讨论一些最流行的 react-native UI 库 -
React Native Papers
React Native Papers 和 React Native Components 非常相似。主要区别在于 React Native Paper 的 UI 元素基于 Material Style UI。如果您欣赏其 Material UI 展示系统，React Native Paper 似乎是您要使用的 UI 库。
在使用 React Native Paper 时，您很可能会经常使用主题功能。主题允许您整合您独特的界面设计框架和库的美学。您可以采用您的颜色设计和独特的排版。
Styled-Components
借助 styled-components，用户可以像 React 组件一样编写 CSS，从而实现自动前缀和动态格式化。它也支持 React Native。通常，React Native 中的设计被写成 JavaScript 实体。
但是，将样式定义为组件使您能够创建可重用元素、易于理解的代码以及样式的各种用途，从而减少代码总量。
React Native Elements
Web 开发领域内的一些 UI 库，如 MaterialUI 和 Bootstrap，可以节省您从头开始创建样式的工作。您可以受益于更好的跨浏览器兼容性或符合道德的设计。
React Native Elements 是最受欢迎的 React Native UI 库，因为它拥有出色的文档、易于安装并为 Android 和 Ios 提供了适当的支持。
React Native 信用卡输入
使用 React Native 信用卡输入看起来非常简单。它通过允许简单地输入信用卡信息来提供出色的用户体验，并且具有令人兴奋的动画和愉悦的用户界面。
使用 React Native 信用卡输入可以更自然地提交付款信息。
还包括可配置的设计，允许您整合您首选的图标和布局。
管理信用卡信息验证并提供自动填充选项。
扩展 React Native StyleSheet
尽管 React Native Extended StyleSheet 与内置的 React Native StyleSheet 概念化类似，但它带来了更多好处，包括主题、动态样式、变量和媒体查询。
Extended StyleSheet 是 React Native 样式扩展，用于深度自定义应用程序的样式。它允许您使用 Sass、Bootstrap 或任何其他 CSS 扩展。
样式表不仅限于设置 UI 元素的样式，还可以用于应用程序的任何其他部分，例如设置 React 组件的样式或定义自定义字体。该模块还提供了一种方便的方法来为您的 React Native 应用程序定义跨平台 UI 样式。
React Native 矢量符号
类似于路标，移动软件图标对于导航至关重要。没有它们，用户将无法使用相同的应用程序。这些图标向用户清楚地表明了 UI 的含义，并为他们提供了对应用程序的清晰视觉感知。建议使用 react-native-vectoricons，因为它们 -
易于使用且高度适应性强
包含广泛使用的图标集合，如 MaterialIcons 和 FontAwesome。
支持多个平台，如 Windows、Web、Android、iOS 等。
SVG React Native
SVG 或可缩放矢量图形标记语言，依赖于 XML 描述二维矢量插图。它对视觉效果有效，因为 HTML 仅用于文本，根据 MDN。
SVG 使用其他广泛使用的 Web 标准（如 SMIL、DOM、CSS 和 JavaScript）在每个尺寸下都清晰地显示数据。
React Native 在默认情况下不启用 SVG，这就是为什么您可以使用 React Native 在 Android 和 iOS 上使用此模块查看 SVG。
React Native Gifted Chat
react-native-gifted-chat 是一个很棒的包，当您想要向 React Native 应用程序添加对话时，它可以轻松构建 UI 聊天功能。
该库提供 Web、iOS 和 Android 支持。由于 react-native-gifted-chat 缺少原生代码，因此无需链接。您可以轻松地使用 npm 或 Yarn 获取该包 -
yarn add react-native-gifted-chat
React Native Lottie
Airbnb 创建了 Lottie 库来转换 Adobe After Effects 图形。它支持 Web、iOS 和 Android。通过在 React Native 中提供元素包装器 API，reactnative-Lottie 使用户能够利用 Lottie 图形。
您可以像设置任何其他 React Native 库一样设置它。在将 LottieView 作为元素导入时，您可以提供动画源的路径。Lottie 动画可在 LottieFiles 上获得。
React-Native Animatable
现在，React Native 的 UI 可以包含转换和动画，这要归功于 react-nativeanimatable。
可以将其实用性描述性 API 元素用作要显示的组件或要应用某些转换的组件的包装器。最好的部分是转换的方向、延迟和长度都是可调节的。
结论
React Native 社区非常多样化，每个库都提供了不同的优势，因此很难选择合适的库。但是，您可以选择最适合您的项目和需求的解决方案。
1K+ 次浏览
