Ant Design antd vs antd-mobile 用于非原生移动 web 开发答案

【问题标题】：Ant Design antd vs antd-mobile for non-native mobile web developmentAnt Design antd vs antd-mobile 用于非原生移动 web 开发
【发布时间】：2021-02-13 04:11:41
【问题描述】：

阅读 Ant Design 我对使用哪个库进行移动 Web 开发感到困惑。有两个库，antd 和 antd-mobile。虽然很明显 antd-mobile 在 iOS 和 Android 上支持 react-native，但尚不清楚哪一个最适合普通移动（非原生/SPA）Web 开发。

阅读 antd 的介绍你会看到诸如“Ant Design 这是专门为内部桌面应用程序创建的......”之类的语句，而阅读 antd-mobile 的介绍你会看到“支持 Web / iOS / Android 平台（基于 React原生）”

据此，我认为 ant 在某种程度上不太适合基于 Web 的桌面（即 Elektron）应用程序以外的 Web 开发。

但是试图用 ant-mobile 构建一个普通的网络应用程序，我无法让它工作。例如 Button 正在显示，但 DatePicker 没有。切换到蚂蚁一切似乎工作正常。

我是否认为对于任何非本地移动开发都需要使用 ant 而不是 ant-mobile？

如果是这样，antd-mobile 提到的这个受支持的“Web”平台是什么？

【问题讨论】：

你最终追求的是什么。我和你一样处于两难境地，想知道你是否能够在某件事上归零。此外，您可以推荐的任何其他 UI 框架都适用于两者。
我选择了antd，因为对于我正在构建的（管理）界面来说，移动设备并不是那么重要。老实说，我不知道它在移动设备上的表现如何，但我猜这绝对是合适的。我的第二个选择可能是语义用户界面，但我认为其他库已经出现。 React + 好的 Typescript 定义对我来说很重要。

标签： antd antd-mobile

【解决方案1】：

根据我的经验：

蚂蚁：

仅用于全浏览器网络（或电子）开发，它们不是移动优先设计，在某些情况下您必须进行调整以使您的网页在移动设备中看起来不错。

Antd-mobile：

Antd mobile 导出 2 个版本的组件，web 版本（使用 DOM）和 react 原生版本（使用 View、Text 等...）

网页版：你可以认为它就像 jQuery Mobile、Sencha Touch 等，旨在构建纯移动网页/应用程序，即你将在移动设备中看到的应用程序浏览器。例如，使用移动浏览器打开 facebook.com、amazon.com（它们看起来与桌面浏览器完全不同）。

React Native 版本：您将使用它来构建位于 Google Play 商店/App Store 中的移动应用（混合应用），这是一个需要安装的应用。

希望对您有所帮助。如果我犯了错误，请告诉我。

【讨论】：

好的，但这对于很多用户来说并不是最佳选择。在大多数情况下，创建 Web 应用程序的非本地仅移动版本是不可行的。我需要创建一个响应式应用程序，它在大屏幕和小屏幕上同样适用，就像大多数 Web 开发已经完成一样。所以我仍然不确定我是否应该选择antd 并解决移动问题，或者选择移动优先antd-mobile 并希望它与普通的键盘/鼠标等交互（如悬停状态）兼容。我猜antd-mobile 将是合乎逻辑的选择。 .
我想说实际上对于大型网络应用程序，您将始终必须将桌面网络和移动网络分开，因为响应式使大型应用程序（我说的是网络应用程序，而不是网页）增加了更多麻烦解决。 antd 使用 flexbox.css 下划线进行响应，你可以随时调整自己，我也使用了语义 UI 反应，他们的网格系统过于复杂。
但除了所有响应性/设计之外，我还需要开发一个适用于台式机和平板电脑等较小触摸屏的 Web 应用程序。我选择什么图书馆？ antd 还是 antd-mobile？
您好，我想知道我是否应该将 web 分成 antd 和 antd-mobile？或者只是 antd 并应用媒体查询？
@KevinLee 我想说真的取决于你的项目和团队有多大。有些事情很难“媒体查询”，例如。日期选择器，antd-mobile 处理手势和滑动，而 antd 没有。如果你在做响应式，那么就用 antd，如果你想要自适应，那么你就想分开。