Skip to main content

これが重要な理由

すべての iPhone にはすでにアラート、シェアシート、スイッチ、メニューが組み込まれており、プレイヤーは 所有している他のあらゆるアプリでそれらを使っています。あなたのアプリが同じネイティブコンポーネントを使うと、 プレイヤーはタップする前からその動作をすでに知っています。それが本物の iPhone アプリのように感じさせる理由です。 以下は、アプリに追加できるネイティブコンポーネントのプロンプト例です: アラート、アクション シート、スイッチなど。

ネイティブアラート

これは実際の UIAlertController アラートをレンダリングします。iOS 自体が使うポップアップと同じスタイルです。 確認すべき明確な決定が1つある場合はアラートを使ってください。
Cancel と Quit のオプションを持つ「Quit game?」と尋ねるネイティブ iOS アラート

PixelGames のネイティブな Quit game アラート。

ネイティブアクションシート

アクションシートはアラートの兄弟のようなもので、単一の yes/no の決定ではなく、いくつかの明確な 選択肢がある場合に使います。Android には独自のネイティブな同等物があり、Agent がプラットフォームごとに 適切なものを自動的に選びます。
Take a photo、Choose from library、Pick a pixel avatar のオプションを持つネイティブ iOS アクションシート

PixelGames のプロフィール写真を変更するためのネイティブアクションシート。

ネイティブスイッチ

iOS の Settings アプリ全体で使われているのと同じオン/オフスイッチで、すぐに見分けがつくため、 プレイヤーはカスタムトグルのデザインを理解する必要がありません。
効果音とハプティクスをオン/オフ切り替えるネイティブ iOS スイッチ

PixelGames の Settings における効果音とハプティクス用のネイティブスイッチ。

SF Symbols

SF Symbols は Apple の組み込みアイコンセットです。シンボルは周囲のテキストサイズ、太さ、ダークモードに 自動的に合わせられます。これはカスタムアイコンセットでは手動で構築する必要があることです。
Sound effects と Vibration の設定の横にある SF Symbols アイコン

Settings の効果音とバイブレーションのアイコンに使われた SF Symbols。

SF Symbols は iOS 専用です。Android 向けには一致するアイコンセットを Agent に選んでもらってください。 プラットフォーム間でアイコンがピクセル単位で同一にはなりませんが、それは想定通りです。

ネイティブシェアシート

Photos や Safari と同じシステムシェアシートを開くため、プレイヤーがすでにインストールしているアプリが 一覧表示されます。
PixelGames のハイスコアを共有しているネイティブ iOS シェアシート

ネイティブシェアシートで PixelGames のハイスコアを共有する。

トラブルシューティング

  • アラートやアクションシートの代わりにカスタムモーダルが表示される: Agent が JS でレンダリングされた 見た目だけの類似物ではなく、ネイティブ API を使っているか確認してください。見た目は似ていても動作は異なります。
  • Android でアイコンがおかしく見える: SF Symbols に関しては想定通りで、iOS 専用だからです。Agent に どのフォールバックアイコンセットを使ったか確認してください。
  • シェアシートに期待したアプリが含まれない: これは OS とテストデバイスにインストールされているアプリに よって制御されるもので、PixelGames が直接追加できるものではありません。

次のステップ

連絡先にアクセスする

シェアシートを招待リンクと組み合わせましょう。

スマートフォンでプレビューしてテストする

ネイティブコンポーネントが実機で正しくレンダリングされることを確認しましょう。

関連