Ant Design antd против antd-mobile для не-мобильной мобильной веб-разработки

Question

Читая об Ant Design, я не понимаю, какую библиотеку использовать для разработки мобильных веб-приложений. Есть две библиотеки, antd а также antd-mobile, Хотя очевидно, что antd-mobile поддерживает реагирующий на iOS и Android, неясно, какой из них лучше всего подходит для простой мобильной (не нативной / SPA) веб-разработки.

Прочитав введение в antd, вы увидите утверждения типа "Ant Design, который специально создан для внутренних настольных приложений, ...", а во время прочтения введения в antd-mobile вы увидите "Поддержка платформы Web / iOS / Android (на основе React Native)"

Исходя из этого, я думаю, что муравей почему-то не очень подходит для веб-разработки, кроме приложений для настольных компьютеров (например, Elektron).

Но, пытаясь создать нормальное веб-приложение с помощью ant-mobile, я не смог заставить его работать. Например, кнопка показывает, а DatePicker - нет. Переключение на муравей все, кажется, работает нормально.

Правильно ли я предполагаю, что для любой не-мобильной мобильной разработки вам нужно использовать ant вместо ant-mobile?

Если да, то что это за поддерживаемая веб-платформа, которую упоминает antd-mobile?

Answer 1

Из моего опыта:

Antd:

Предназначенные для полноценной веб-браузерной (или электронной) разработки, они не предназначены для мобильных устройств, в некоторых случаях вам нужно настроить их, чтобы веб-страница выглядела в мобильных устройствах.

Antd-Mobile:

Antd mobile экспортирует 2 версии компонентов: веб-версию (которая использует DOM) и собственную версию реакции (использует View, Text и т. Д.)

Веб-версия: Вы можете думать, что это как jQuery Mobile, Sencha Touch и т. Д., Он предназначен для создания чистой мобильной веб-страницы / приложения, приложения, которое вы увидите в мобильном браузере. Например, зайдите и откройте facebook.com, amazon.com с мобильным браузером (они действительно отличаются от настольного).

React Native version: вы будете использовать его для создания мобильного приложения (гибридного приложения), которое находится в магазине Google Play /App Store, приложении, которое необходимо установить.

Надеюсь, поможет. Если я допустил ошибки, пожалуйста, дайте мне знать.

Answer 2

В 2023 году дизайн ant для React Native доступен здесь https://rn.mobile.ant.design/.

      yarn add @ant-design/react-native

Кажется, это лучший вариант для неродных приложений. ant design mobile создан специально для адаптивных веб-сайтов.

Проект обновляется нечасто, поэтому я настоятельно рекомендую использовать другую библиотеку, если только вы уже не используете ant design.

Я попробовал это и в итоге использовал другую библиотеку из-за этой ошибки при установке в выставочном проекте, потому что она, похоже, плохо поддерживается, и есть гораздо лучшие варианты.

ОШИБКА Нарушение инварианта: TurboModuleRegistry.getEnforcing(...): «RNCCameraRoll» не найден. Убедитесь, что модуль с этим именем зарегистрирован в собственном двоичном файле. Движок js: hermes ОШИБКА Нарушение инварианта: «main» не зарегистрирован. Это может произойти, если:

• Metro (локальный сервер разработки) запускается из неправильной папки. Проверьте, запущен ли Metro, остановите его и перезапустите в текущем проекте.
• Модуль не удалось загрузить из-за ошибки иAppRegistry.registerComponentне вызывался., js engine: Hermes