在NativeBase和Shoutem之间,哪个最适合用于React Native?

时间:2016-11-30 13:31:46

标签: reactjs react-native native-base shoutem

我发现React Native有2个UI组件,它们主要使用。我想用其中一个。哪一个更容易使用和可定制?

5 个答案:

答案 0 :(得分:28)

目前,有3个主要的UI库:

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

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

要查看哪种UI组件,请在屏幕中添加<Examples>个组件,如here所述。

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

免责声明:我在Shoutem工作

答案 1 :(得分:14)

以上三个图书馆都很好并且有其自身的用途。完全取决于你使用所有这些后的一次。

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

NativeBase为您提供了使用单个代码库构建在iOS和Android上运行的应用程序的潜力。它减轻了你的发展。

由于NativeBase是在React Native之上构建的,因此可以使用任何组件传递style属性,该属性将合并为该组件的默认样式。这也与回调事件有关。可以从一个地方高度自定义主题

所有这些都由NativeBase巧妙地记录下来。 NativeBase的Docs为您提供有关其使用的完整信息,包括示例输出,替换React Native元素,如何为每个组件设置样式,如何为每个组件自定义主题等等。

还要重写NativeBase以增强其易用性。很快就会被释放。

继续尝试 NativeBase

在一个工具包 NativeBase-KitchenSink 中查看NativeBase组件的工作演示。

免责声明:我在 NativeBase

工作

答案 2 :(得分:5)

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

不要忘记查看 React Native Elements

答案 3 :(得分:1)

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

答案 4 :(得分:0)

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

我认为这是因为最新的RN弃用NavigationExperimental和 Expo SDK使用react-native-svg&gt; = 5.2.0。 CMIIW