20.4K ·GitHub
Что это такое?
NativeBase — это библиотека компонентов для React и React Native, ориентированная в первую очередь на мобильные устройства и доступная для всех: почти 40 UI-компонентов, которые одинаково работают на Android, iOS и в вебе, так что можно построить одну дизайн-систему сразу для всех трёх платформ.
NativeBase — это библиотека компонентов для React и React Native, ориентированная в первую очередь на мобильные устройства и доступная для всех: почти 40 UI-компонентов, которые одинаково работают на Android, iOS и в вебе, так что можно построить одну дизайн-систему сразу для всех трёх платформ.Это фреймворк или библиотека, которую я просто добавляю в своё приложение?Это библиотека компонентов, а не фреймворк для приложений: вы собираете интерфейс из готовых элементов — button, checkbox, flex, stack и других — внутри своего приложения на React или React Native. На неё вдохновили такие библиотеки, как Material UI и Chakra UI.
Это библиотека компонентов, а не фреймворк для приложений: вы собираете интерфейс из готовых элементов — button, checkbox, flex, stack и других — внутри своего приложения на React или React Native. На неё вдохновили такие библиотеки, как Material UI и Chakra UI.Как добавить её в свой проект?Установите её в приложение, созданное через Expo или React Native CLI, следуя официальным руководствам по настройке. Поддержка веба обеспечивается через react-native-web, поэтому те же компоненты работают и в браузере.
Установите её в приложение, созданное через Expo или React Native CLI, следуя официальным руководствам по настройке. Поддержка веба обеспечивается через react-native-web, поэтому те же компоненты работают и в браузере.Какая версия React Native мне нужна?Линейка v3 требует React Native v0.63.0 или новее. Основа — React Native плюс Expo, а слой доступности построен на наборе пакетов React ARIA.
Линейка v3 требует React Native v0.63.0 или новее. Основа — React Native плюс Expo, а слой доступности построен на наборе пакетов React ARIA.В репозитории висит баннер о прекращении разработки — NativeBase ещё можно использовать?Проект находится в режиме поддержки: разработка переехала в его преемника gluestack-ui, и README рекомендует gluestack-ui для любых новых проектов. Существующие приложения продолжают работать, но новых возможностей в NativeBase не появится.
Проект находится в режиме поддержки: разработка переехала в его преемника gluestack-ui, и README рекомендует gluestack-ui для любых новых проектов. Существующие приложения продолжают работать, но новых возможностей в NativeBase не появится.Что такое gluestack-ui и стоит ли начинать новый проект именно с него?Это преемник NativeBase: то, что планировалось как NativeBase v4, вышло в виде gluestack-ui — библиотеки компонентов нового поколения с более высокой производительностью, расширенной кастомизацией и удобством для разработчика. В README сказано, что для нового проекта следует использовать gluestack-ui (gluestack.io).
Это преемник NativeBase: то, что планировалось как NativeBase v4, вышло в виде gluestack-ui — библиотеки компонентов нового поколения с более высокой производительностью, расширенной кастомизацией и удобством для разработчика. В README сказано, что для нового проекта следует использовать gluestack-ui (gluestack.io).Какие компоненты входят в состав?Почти 40, сгруппированных по категориям: раскладка, формы, отображение данных, уведомления, типографика, оверлеи, раскрытие (disclosure), медиа и иконки, анимации и другие — среди примеров button, checkbox, flex и stack.
Почти 40, сгруппированных по категориям: раскладка, формы, отображение данных, уведомления, типографика, оверлеи, раскрытие (disclosure), медиа и иконки, анимации и другие — среди примеров button, checkbox, flex и stack.Можно ли увидеть библиотеку в деле, прежде чем встраивать её в своё приложение?Да — демо-приложение KitchenSink показывает все компоненты в работе: кнопки, формы, иконки и не только. Есть также пример Todo-List, который можно изучить.
Да — демо-приложение KitchenSink показывает все компоненты в работе: кнопки, формы, иконки и не только. Есть также пример Todo-List, который можно изучить.What are similar projects?react-native-ui-kitten, react-native-calendars, tamagui, react-native-elements, morphlet, ng-native, chakra-ui, astryx
react-native-ui-kitten, react-native-calendars, tamagui, react-native-elements, morphlet, ng-native, chakra-ui, astryxWhich topics is it in?react-native-web, expo, responsive, dark-mode, design-system, react-native, accessibility, component-library, nextjs, ui-components, deprecated, hacktoberfest
react-native-web, expo, responsive, dark-mode, design-system, react-native, accessibility, component-library, nextjs, ui-components, deprecated, hacktoberfest