10.7K ·GitHub
Что это такое?
UI Kitten — это UI-библиотека для React Native, построенная на Eva Design System: единообразно оформленные компоненты общего назначения для создания кроссплатформенных мобильных приложений с несколькими брендами, с темами, которые переключаются на лету.
UI Kitten — это UI-библиотека для React Native, построенная на Eva Design System: единообразно оформленные компоненты общего назначения для создания кроссплатформенных мобильных приложений с несколькими брендами, с темами, которые переключаются на лету.Это полноценный фреймворк или библиотека, которую я добавляю в уже существующее React Native-приложение?Это библиотека, а не фреймворк: вы устанавливаете её в проект React Native и собираете экраны из её готовых оформленных блоков. Из зависимостей у неё заявлены только react и react-native.
Это библиотека, а не фреймворк: вы устанавливаете её в проект React Native и собираете экраны из её готовых оформленных блоков. Из зависимостей у неё заявлены только react и react-native.Как начать с ней новое приложение?Запустите команду Quick Start из README, чтобы создать совершенно новое приложение из шаблона UI Kitten — предлагается и вариант на TypeScript — и вы получите React Native-приложение, уже настроенное для работы с библиотекой.
Запустите команду Quick Start из README, чтобы создать совершенно новое приложение из шаблона UI Kitten — предлагается и вариант на TypeScript — и вы получите React Native-приложение, уже настроенное для работы с библиотекой.Что нужно в проекте, прежде чем добавлять её?Только уже настроенный React Native — сам пакет зависит лишь от react и react-native, а в репозитории чисто TypeScript-инструментарий (jest, eslint, gulp).
Только уже настроенный React Native — сам пакет зависит лишь от react и react-native, а в репозитории чисто TypeScript-инструментарий (jest, eslint, gulp).Она только для телефонов или тот же код работает и в вебе?В README обещаны кроссплатформенные мобильные приложения, а в репозитории также есть поддержка веба через react-native-web; актуальная версия ориентирована на React 19 и React Native 0.81.
В README обещаны кроссплатформенные мобильные приложения, а в репозитории также есть поддержка веба через react-native-web; актуальная версия ориентирована на React 19 и React Native 0.81.Могу ли я использовать её в реальных продуктах бесплатно?Да — она распространяется по лицензии MIT, полностью бесплатна и с открытым исходным кодом. Akveo, команда разработчиков, отдельно продаёт профессиональную поддержку, но у самой библиотеки нет платных тарифов.
Да — она распространяется по лицензии MIT, полностью бесплатна и с открытым исходным кодом. Akveo, команда разработчиков, отдельно продаёт профессиональную поддержку, но у самой библиотеки нет платных тарифов.Что я получу из коробки?Более 25 компонентов общего назначения (по подсчёту самого репозитория — 30+), систему тем со светлой и тёмной темами и более 480 SVG-иконок Eva, плюс документацию, полную примеров.
Более 25 компонентов общего назначения (по подсчёту самого репозитория — 30+), систему тем со светлой и тёмной темами и более 480 SVG-иконок Eva, плюс документацию, полную примеров.Может ли моё приложение переключать темы без перезагрузки?Да — темы можно менять прямо во время работы, без перезапуска приложения. Можно использовать встроенные светлую и тёмную темы или создать свои, а также поддерживаются темы Eva и Material с компиляцией стилей по требованию.
Да — темы можно менять прямо во время работы, без перезапуска приложения. Можно использовать встроенные светлую и тёмную темы или создать свои, а также поддерживаются темы Eva и Material с компиляцией стилей по требованию.Есть ли готовое стартовое приложение, на котором можно учиться?Kitten Tricks — официальный стартовый набор для React Native с более чем 40 экранами в тёмной и светлой темах. Используйте макеты как есть или скачайте исходники и переиспользуйте их в своём приложении.
Kitten Tricks — официальный стартовый набор для React Native с более чем 40 экранами в тёмной и светлой темах. Используйте макеты как есть или скачайте исходники и переиспользуйте их в своём приложении.Почему она построена на Eva Design System?Eva привносит в дизайн и разработку единообразие и масштабируемость: компоненты следуют спецификациям Eva, поэтому интерфейс, собранный из базовых блоков, сохраняет целостный, аккуратный вид — на этой же системе построены Eva Icons от Akveo.
Eva привносит в дизайн и разработку единообразие и масштабируемость: компоненты следуют спецификациям Eva, поэтому интерфейс, собранный из базовых блоков, сохраняет целостный, аккуратный вид — на этой же системе построены Eva Icons от Akveo.What are similar projects?NativeBase, tamagui, chakra-ui, vuetify, react-native-calendars, react-native-paper, tabler, react-native-elements
NativeBase, tamagui, chakra-ui, vuetify, react-native-calendars, react-native-paper, tabler, react-native-elementsWhich topics is it in?react-native-web, ui-kit, icons, ui-library, material-design, dark-mode, themes, design-system, react-native, mobile-development, svg, accessibility
react-native-web, ui-kit, icons, ui-library, material-design, dark-mode, themes, design-system, react-native, mobile-development, svg, accessibility