19

我发现 React Native 有 2 个最常用的 UI 组件。我想使用其中之一。其中哪一个更易于使用和定制？

4

5 回答 5

31

目前，有 3 个主要的 UI 库：

Shoutem UI 组件实际上只是Shoutem UI Toolkit的一部分，其中包括：

  • UI 组件- 用于 RN 应用程序的可定制组件集
  • 主题- 在一处为您的 RN 组件设置样式
  • 动画- 一组声明性动画

UI 组件带有预定义的精美设计，因此创建漂亮的应用程序就像简单地 c/p-ing 组件的代码一样简单。但是，它们可以在一个地方使用主题完全自定义，因此您可以实现组件的关注点分离。动画也可以用于类似的事情。

要查看存在哪些类型的 UI 组件，<Examples>请在屏幕中包含组件，如此处所述。

React Native Elements简化了 React Native 中常用组件的使用。Native Base也这样做，允许您自定义它们并且比 React Native Elements 有更好的文档。

免责声明：我在 Shoutem 工作

于 2016-11-30T15:56:11.110 回答
15

以上三个库都不错，各有千秋。在您使用所有这些之后，它完全取决于一次。

NativeBase是一个移动应用开发框架；在React Native之上构建一个层，为您提供移动应用程序开发的基本组件集，帮助您在原生平台上开发世界级的应用程序体验。

NativeBase 为您提供了使用单一代码库构建在 iOS 和 Android 上运行的应用程序的潜力。它简化了您的开发。

由于 NativeBase 构建在 React Native 之上，因此对于任何组件，您都可以传递 style 属性，该属性将合并到该组件的默认样式中。这也与回调事件有关。从一个地方高度可定制的主题。

所有这些都被 NativeBase 整齐地记录下来。NativeBase 的文档通过示例输出为您提供有关其使用的完整信息、替换 React Native 元素、如何设置每个组件的样式、如何为每个组件自定义主题等等。

此外，NativeBase 正在被重写以增强其易用性。很快就会被释放。

继续尝试NativeBase！

在单个套件NativeBase-KitchenSink中查看 NativeBase 组件的工作演示。

免责声明：我在NativeBase工作

于 2016-12-01T05:57:58.843 回答
5

两者都很棒。Shoutem 有一些非常酷的动画过渡。你也不会出错。我的建议是审查每一个，然后选择一个感觉更正确或最符合您要求的那个。

并且不要忘记查看React Native Elements

于 2016-11-30T15:29:58.190 回答
1

您可以使用 NativeBase 或 Shoutem UI。两者都略有不同。NativeBase 是根据平台推荐设计的，并受到 Ionic 的启发，而 Shoutem 则拥有自己流畅和干净的设计。

于 2016-11-30T13:52:45.570 回答
0

我玩过原生基础和 Shoutem UI。两者都是完全定制的。我更喜欢 Shoutem，因为它有更多的功能、动画、扩展、构建器等。但不幸的是，Shoutem UI 目前不支持最新的 react-native (>0.40) 和 expo(> 15.0)。所以我持有将其用于生产的计划。

我认为这是因为最新的 RN 已弃用NavigationExperimental且 Expo SDK 使用 react-native-svg >= 5.2.0。CMIIW

于 2017-07-09T02:53:58.653 回答