Между NativeBase и Shoutem, который лучше всего использовать для React Native?

Я обнаружил, что для React Native есть два компонента пользовательского интерфейса, которые в основном используются. Я хочу использовать один из них. Какой из них более прост в использовании и настраивается?

Ответ 1

В настоящее время существует 3 основных библиотеки пользовательского интерфейса:

Компоненты пользовательского интерфейса Shoutem на самом деле являются лишь одной частью Shoutem UI Toolkit, которая включает в себя:

Компоненты пользовательского интерфейса поставляются с предопределенным красивым дизайном, поэтому создание привлекательных приложений так же просто, как просто скомпоновать код компонента. Тем не менее, они могут быть полностью настроены с темой из одного места, поэтому вы можете добиться разделения проблем для своих компонентов. Анимации можно использовать и в подобном вопросе.

Чтобы увидеть, какие компоненты UI есть, включите <Examples> компоненты на вашем экране, как описано здесь.

React Native Elements упрощает использование общих компонентов в React Native. Нативная база делает это тоже, позволяет настраивать их и иметь лучшую документацию, чем React Native Elements.

Отказ от ответственности: я работаю в Shoutem

Ответ 2

Все вышеупомянутые три библиотеки хороши и служат их собственным целям. Это полностью зависит от того, как вы используете все эти функции.

NativeBase - это платформа разработки мобильных приложений; создает слой поверх React Native, который предоставляет вам базовый набор компонентов для разработки мобильных приложений, который помогает вам разрабатывать приложения мирового уровня на собственных платформах.

NativeBase дает вам возможность создавать приложения, работающие на iOS и Android, с использованием одной кодовой базы. Это облегчает ваше развитие.

Так как NativeBase построен поверх React Native, поэтому с любым компонентом вы можете передать свойство стиля, которое будет объединено с стилем по умолчанию этого компонента. Это также относится к событиям обратного вызова. Высокая настройка с помощью темы из одного места.

Все это аккуратно документировано NativeBase. Документы NativeBase предоставляют вам полную информацию об их использовании с образцом вывода, заменяя элемент React Native, как стилизовать каждый компонент, как настроить тему для каждого компонента и многое другое.

Также, что NativeBase переписывается, чтобы упростить его использование. Быть выпущенным очень скоро.

Вперед и попробуйте NativeBase!

Оформить рабочую демонстрацию компонентов NativeBase в одном комплекте NativeBase-KitchenSink.

Отказ от ответственности: я работаю в NativeBase

Ответ 3

Оба отличные. У Shoutem есть довольно классные анимационные переходы. Вы тоже не ошибетесь. Мой совет - пересмотреть каждый и выбрать тот, который лучше или лучше соответствует вашим требованиям.

И не забудьте проверить React Native Elements тоже

Ответ 4

Вы можете использовать пользовательский интерфейс NativeBase или Shoutem. Оба они немного отличаются друг от друга. NativeBase разработан по сравнению с рекомендациями платформы и вдохновлен Ionic, тогда как у Shoutem есть собственный свободный и чистый дизайн.

Ответ 5

Я играл с родной базой и пользовательским интерфейсом Shoutem. Оба они полностью настроены. Мне нравится Shoutem, потому что у него больше функций, анимации, расширения, построителя и т.д. Но, к сожалению, пользовательский интерфейс Shoutem в настоящее время не поддерживает новейшие интерактивные ( > 0,40) и expo ( > 15.0). Поэтому я придерживаюсь своего плана использовать это для производства.

Я думаю, это связано с тем, что последний RN устарел NavigationExperimental и ЭКСПО SDK использует реакцию-native-svg >= 5.2.0. CMIIW