Skip Showcase

Skip Showcaseは、SwiftとSwiftUIで1つのアプリを作成し、iOSとAndroidの両方でネイティブに実行できるクロスプラットフォーム開発ツールSkipで構築された、ユーザーインターフェースコンポーネントの包括的なインタラクティブカタログです。

このアプリは完全にSwiftとSwiftUIで記述されています。iOSでは、標準的なネイティブSwiftUIアプリとして動作します。Androidでは、同じSwiftコードが公式のSwift SDK for Androidを使用してネイティブにコンパイルされ、SkipのSkipUIフレームワークがSwiftUIビューをJetpack Composeに変換することで、真のネイティブAndroidエクスペリエンスを実現します。

Skip Showcaseは、SwiftUIコンポーネントの外観と動作を両プラットフォームで比較するのに最適なツールです。アプリ内のすべての画面は、iOSとAndroidの両方で動作する同じSwiftソースコードで構成されているため、SkipがSwiftUIをネイティブAndroidコントロールにどのようにマッピングしているかを正確に確認できます。

このアプリは、以下のSwiftUI機能を幅広く網羅しています。

UIコントロール：ボタン、トグル、スライダー、ステッパー、ピッカー、日付ピッカー、テキストフィールド、セキュアフィールド、テキストエディタ、メニューなど。

レイアウト：スタックビュー（HStack、VStack、ZStack）、グリッド、フォーム、リスト、スクロールビュー、スペーサー、ジオメトリリーダー、ViewThatFits、セーフエリア、フレーム。

ナビゲーション：ナビゲーションスタック、タブビュー、シート、確認ダイアログ、アラート、ツールバー、ディスクロージャーグループ、リンク。

グラフィックとエフェクト：シェイプ、グラデーション、シャドウ、ブラー、ブレンドモード、マスク、オーバーレイ、境界線、アニメーション、トランジション、トランスフォーム、カラーエフェクト。

データと状態：@State、@Observable、@Environment、プリファレンスキー、フォーカス状態、シーンフェーズ、ストレージ、タイマー、通知。

テキストとメディア：テキストスタイル、SFシンボル、画像、ビデオプレーヤー、Lottieアニメーション、ローカライズ。

プラットフォーム統合：触覚フィードバック、キーボード操作、ペーストボード、ShareLink、検索機能、WebView、マップ、SQLデータベース、キーチェーン、ドキュメントピッカー、Web認証。

カスタムCompose：SkipのComposeViewブリッジングを使用して、カスタムJetpack ComposeビューをSwiftUIコードに直接埋め込む方法を示します。

Skip Showcaseはオープンソースです。各コンポーネントの実装方法については、https://github.com/skiptools/skipapp-showcase-fuse のソースコードをご覧ください。

Skipの詳細については、https://skip.dev をご覧ください。