Skip Showcase

Skip Showcase — это всеобъемлющий интерактивный каталог компонентов пользовательского интерфейса, созданный с помощью Skip, кроссплатформенного инструмента разработки, который позволяет написать одно приложение на Swift и SwiftUI и запустить его нативно как на iOS, так и на Android.

Это приложение полностью написано на Swift и SwiftUI. На iOS оно работает как стандартное нативное приложение SwiftUI. На Android тот же код Swift компилируется нативно с использованием официального SDK Swift для Android, а фреймворк SkipUI преобразует представления SwiftUI в Jetpack Compose, обеспечивая по-настоящему нативный интерфейс Android.

Skip Showcase — идеальный способ сравнить внешний вид и поведение компонентов SwiftUI на обеих платформах. Каждый экран приложения представляет собой один и тот же исходный код Swift, работающий как на iOS, так и на Android, поэтому вы можете точно увидеть, как Skip сопоставляет SwiftUI с нативными элементами управления Android.

Приложение охватывает широкий спектр функций SwiftUI, включая:

Элементы управления пользовательского интерфейса: Кнопка, Переключатель, Ползунок, Шаговый элемент, Выборщик, Выбор даты, Текстовое поле, Защищенное поле, Текстовый редактор, Меню и многое другое.

Макет: Стековые представления (HStack, VStack, ZStack), Сетка, Форма, Список, Прокрутка, Разделитель, GeometryReader, ViewThatFits, Безопасная область и Фрейм.

Навигация: NavigationStack, TabView, Sheet, ConfirmationDialog, Alert, Toolbar, DisclosureGroup и Link.

Графика и эффекты: Фигура, Градиент, Тень, Размытие, Режим смешивания, Маска, Наложение, Граница, Анимация, Переход, Преобразование и Цветовые эффекты.

Данные и состояние: @State, @Observable, @Environment, Ключи настроек, FocusState, ScenePhase, Хранилище, Таймер и Уведомление.

Текст и медиа: стилизация текста, символы SF, изображения, видеоплеер, анимация Lottie и локализация.

Интеграция с платформой: тактильная обратная связь, обработка клавиатуры, буфер обмена, ShareLink, поиск, WebView, карта, база данных SQL, связка ключей, выбор документа и веб-аутентификация.

Пользовательское создание: демонстрирует, как встраивать пользовательские представления Jetpack Compose непосредственно в код SwiftUI, используя мост ComposeView от Skip.

Skip Showcase — проект с открытым исходным кодом. Ознакомьтесь с исходным кодом по адресу https://github.com/skiptools/skipapp-showcase-fuse, чтобы увидеть, как реализован каждый компонент.

Узнайте больше о Skip на https://skip.dev