NavigationLink

こんにちは、iOSエンジニアの @chuymaster です！iOSDC Japan 2021の「スタディサプリ」がFull SwiftUIを選択した先に見えてきたもの。のトークセッションで紹介された、プログラムで画面遷移を制御する方法について詳しく解説します。トークで話しきれなかった背景等についても触れます。 完成イメージ ※本記事のサンプルコードは Xcode 12.5.1、iOS14で作成しています。 実現したい機能要件 APIと通信して条件に適した場合のみ、一覧画面から詳細画面をプッシュ遷移したい。 よくある要件だと思いますが、UIKitでは navigationController?…

RNIアドベントカレンダー 3日目の記事です。 こんにちは。リサーチ・アンド・イノベーションの小川です。 iOSエンジニアとしてCODEアプリの開発を担当しています。 CODE iOSチームの2024年の取り組みの一つとして画面遷移図を自動生成することを行いましたので、そちらの共有をしたいと思います。 モチベーション 画面遷移の把握を簡単にしたいので画面遷移図は作りたい 手動で作るのは手間が発生するので自動で作りたい 画面遷移図を手動でメンテナンスせずに最新に保ちたい 画面の表示に影響のある改修が入った際は差分検知したい スクリーンイベント名と実際の画面の対応をビジネスサイドに共有したい

環境 基本 概要 例 タイトルの表示モード（navigationBarTitleDisplayMode） large（デフォルト） inline ツールバー navigationDestination 環境 Xcode：16.1 Swift：6 iOS：16 基本 概要 NavigationStackとは ※iOS16から（それ以前のバージョンではNavigationViewを使用） 階層的な画面遷移を管理するビュー。 NavigationLinkで遷移先を指定する。 例 import SwiftUI struct ContentView: View { var body: some View…

WatchOS の SwiftUIで使用できるPickerStyleは現在(2024/12/02)以下である。 .automatic : デフォルト .inline : インライン .wheel : ホイール .navigationLink : タップするとリストシートが表示される 4種類選択できるが、現状上の3つに違いは感じられない。 実質、.navigationLink か .wheel かの二択。 なお上の3つの時には例の警告が出されるため、.navigationLinkがパフォーマンスの点で優れているのかもしれない。 例の警告 apph-t.hatenablog.com 参考 deve…

環境 基本 概要 パラメータ 例 表示スタイル（pickerStyle） menu inline segmented wheel navigationLink automatic 環境 Xcode：16.1 Swift：6 iOS：16 基本 概要 Pickerとは ※iOS13から 複数の選択肢の中から１つの値をユーザーに選択させるビュー パラメータ label：ピッカーのラベル（Formでないと表示されない） selection：選択している値を保持する状態変数を指定 Picker("ラベル", selection: $selectedName) { // ピッカーの選択肢を記載する } …

NavigationViewとは よく使いそうなテンプレート NavigationViewとは ※iOS16以降はNavigationStackが使用できるのでそっちを使う NavigationViewは、NavigationLinkと組み合わせて使う。 NavigationLinkを使うことで、タップ時に別の画面に遷移するリンクを作成できる。・ navigationTitleは文字の大きさなどカスタマイズできない ・遷移先の戻るボタンのテキストはnavigationTitleの内容になる ・navigationTitleを設定していない場合の戻るボタンのテキストははBackになる（固定） ・…

はじめに 「iOSDC Japan 2024: iOSアプリらしさを紐解く / Natsuho Ide」の動画で、WWDCにて紹介されたアニメーションを実装してみました。 youtu.be developer.apple.com 実装したアニメーション 実装したズームトランジション iOS 18での新しいズームトランジション 今回紹介されていたズームトランジションは、Heroアニメーションのようなものに近いのかなと思います。 Heroアニメーションは、異なる画面間で共通するUI要素（例えば画像やテキスト）がスムーズに遷移することで、視覚的な一貫性と自然なトランジションを実現する手法です。これに…

今までの忘れ物 滅多に忘れませんが、いつも同じ作業だと気が緩んでしまいます。 帰ってきてから水洗いや補修をしていると、忘れることがあります。 180kmを地道で4時間かけて行ったときに現地で気が付いた、最悪の件数は計5回です。 竿 ：3回 現地まで行って気が付いた。 タモ：2回 ほとんどが小物で問題はなかったが、不安でたまりませんでした。 取りあえず、リスト表を作ってみました 画面設計 チェックマークを変更しました 図形 考察 チェック記録に何が必要になるか考察してみました。誰が、いつ、どこで、どのアイテムをチェックしたかの実績などが挙げられます。チェック記録が必要なのは、問題の所在を明確にし…

こんにちは。開発部第一グループの吉田です。 SwiftUIでのナビゲーション遷移の実装は簡潔でわかりやすく短時間で実装できますが、OSのバージョンによって差異があるため、最低動作バージョンがiOS16ぐらいになるまで使用することはあまり推奨されません。 なぜ推奨されないのか、iOS14から16までの各バージョンでのナビゲーション遷移、ナビゲーションバーの差異について説明したいと思います。 ナビゲーションの実装 ナビゲーションを管理するコンポーネントの実装 iOS15まで NavigationView (iOS16からは非推奨) iOS16から NavigationStack これだけであれば画…