656 готовых экранов мобильных приложений

Отзыв

Expo Go и development build'ы

Большинство дизайнов работает в Expo Go. Что значит значок, когда какой-то не работает.

Что значит значок

У каждого дизайна есть значок Готово для Expo Go или его нет. Это не субъективное решение: оно выводится из пакетов, которые дизайн реально импортирует, сопоставленных с таблицей того, каким из них нужен нативный код. Если дизайн импортирует что-то, чего Expo Go не включает, значок исчезает, страница деталей объясняет какой пакет и почему, и промпт повторяет предупреждение.

ЗначокЧто запуститьКогда
Готово для Expo Gonpx expo startПочти каждый дизайн. Отсканируйте QR-код, и он запустится.
Без значкаnpx expo run:iosДизайну нужен development build, скомпилированный один раз на вашей машине.

Почему большинство дизайнов подходят

Библиотеки, на которых построены дизайны, все включены в Expo Go: Reanimated, gesture-handler, safe-area-context, svg, expo-image, пакеты Google Fonts и иконки Phosphor. Ничто в фирменном стиле не требует собственного нативного модуля, поэтому обычный случай: отсканировать и запустить.

  • Движение: это Reanimated, который уже включён.
  • Иконки: это Phosphor, который рисует через react-native-svg, тоже включённый.
  • Изображения: это удалённые URL через expo-image, поэтому нет упакованных ресурсов для компиляции.

Создание development build'а

Одна команда, один раз. После её завершения вы продолжаете использовать npx expo start как обычно; меняется только клиентское приложение на симуляторе или устройстве.

npx expo run:ios
# or, without Xcode locally:
npx eas build --profile development --platform ios
Значок выводится, а не объявляется
Никто вписывает его вручную. Он берётся из реального списка импортов дизайна на момент сборки, что означает, что он не может устареть при редактировании дизайна.