reactjs - 是否可以将 Material UI 库与 React Native 一起使用？

Question

我已经使用 react 有一段时间了，我知道 Material UI https://material-ui.com/是为 react 构建的 UI 库。我的问题是 - 是否可以将这个库(为 react 而构建)与 react-native 一起使用？

在一些研究中，我发现 react-native 有另一个名为 react-native-paper 的 UI 库，但我想知道 Material-UI 是否可以与 react-native 结合使用？

Answer 1

Material 界面 专为 打造 react JS (网络应用程序)，因此它不能真正与 一起使用 react 原生 框架。但是，这里列出了一些可以帮助您入门的库:

react-native-material-bottom-navigation

这个 Material 界面 库允许我们添加一个 super 酷的 Material 底部导航，它的所有优点都是纯 javascript。它没有原生依赖，易于使用和自定义，而且感觉很棒。

npm install react-native-material-bottom-navigation

react-native-material-dropdown

正在寻找外观和感觉都像原生的下拉组件？这个 Material 下拉库就是这样做的。在 iOS 上具有一致行为的 Material UI 下拉菜单和 Android ，它也支持横向模式。

npm install --save react-native-material-dropdown

react-native-snap-carousel

我在 react native 中使用了许多 swiper 组件。它们中的每一个都可以正常工作，但是这个将事情提升到一个全新的水平。

npm install --save react-native-snap-carousel

react-native-material-textfield

来自下拉包(上面列出)的同一作者。

npm install --save react-native-material-textfield

react-native-material-menu

如果你正在寻找 React Native 中的溢出菜单支持，这个库会做得很好。您可以在工具栏中将其用作溢出菜单(更多菜单)。

npm install --save react-native-material-menu

react-native-modal-datetime-picker

模态 DateTimePicker 使用 native 实现在 iOs 和 Android 中提供对此功能的支持。

npm i react-native-modal-datetime-picker @react-native-community/datetimepicker

react-native-snackbar

如果您正在寻找可以在例如结尾轻松显示的 toast / snackbar 选项，那就太好了。 API 调用。

npm install react-native-snackbar --save

react-native-country-picker-modal

这个选择器模块允许用户从列表中选择国家。它支持搜索、延迟加载。包括黑暗模式。

npm i react-native-country-picker-modal

react-native-color

React Native 的颜色组件。仅限 JavaScript，适用于 iOS 和 Android。

npm i --save react-native-color

react-native-masonry

如果您正在寻找 ，那就太好了网格 支持动态 width 的列表& height .

npm install --save react-native-masonry

更新:React Native让您可以为 Android 和 iOS 构建自己的原生组件，以满足您应用的独特需求。然而，社区贡献的组件也有一个蓬勃发展的生态系统。为了让您尽快开始，我建议您查看 Native Directory了解社区一直在创造什么以及如何从中受益。