BambooHero

iOSアプリ開発と株式投資をメインに色々書きます

SwiftUI

The Composable Architecture(TCA)でアクションシート(Action Sheet)を実装する方法

The Composable Architecture(TCA)のサンプルからアクションシート(Action Sheet)の実装方法について学びます。 今回扱うサンプルはこちらです。 01-GettingStarted-AlertsAndActionSheets 「Action sheet」ボタンをタップするとアクションシートが表示…

The Composable Architecture(TCA)で複数画面で状態を共有する方法

複数画面間での状態の共有をどのように実装するかは、iOSアプリ開発において一つの大きな議論のテーマではないでしょうか? TCAは複数画面間での状態の共有という課題に対してどのようなソリューションを提供するのか、サンプルから学んでいきましょう。 01-…

The Composable Architecture(TCA)でアラート(Alert)を実装する方法

The Composable Architecture(TCA)のサンプルからアラート(Alert)の実装方法について学びます。 今回扱うサンプルはこちらです。 01-GettingStarted-AlertsAndActionSheets 「Alert」ボタンをタップするとアラートが表示され、アラートの中の「Increment…

The Composable Architecture(TCA)で画面遷移を実装する方法

The Composable Architecture(TCA)のサンプルから画面遷移の実装方法について学びます。 今回扱うサンプルは以下の3つです。 01-GettingStarted-OptionalState 03-Navigation-NavigateAndLoad 03-Navigation-LoadThenNavigate Stateがnilとnon-nilのときで…

The Composable Architecture(TCA)におけるBindingの扱い方

The Composable Architecture(TCA)のサンプルからBindingの扱い方について学びます。 今回はCaseStudiesの01-GettingStarted-Bindings-Basicsと01-GettingStarted-Bindings-Formsを例に説明します。 単方向データフローの原則を守る Bindingを使った実装方…

【SwiftUI】画像(Image)のレイアウト方法まとめ

SwiftUIで画像をレイアウトする方法についてまとめました。 画像のレイアウトは4つのメソッドの組み合わせで決まる 各レイアウト方法の比較 参考 画像のレイアウトは4つのメソッドの組み合わせで決まる SwiftUIで画像をレイアウトする際は、以下の4つのメソ…

The Composable Architecture(TCA)のサンプルからComposableなArchitectureを学ぶ

前回はTCAの一番単純なサンプルである01-GettingStarted-Counterについて説明しました。 bamboo-hero.com 今回は01-GettingStarted-Composition-TwoCountersについて説明してみます。 小さいモジュールを組み合わせてアプリを構成する Stateのスコープを絞る…

【SwiftUI】Listの使い方と一意性についての注意

SwiftUIでデータをリスト表示するときに使用するListの使い方と、Listを使うときに注意すべきデータの一意性についてまとめました。 Listの使い方 データの一意性を担保する まとめ Listの使い方 人物名をリスト表示する例を取り上げます。 実装はこんな感じ…

The Composable Architecture(TCA)のカウンターサンプルを理解する

先日TCAで簡単なサンプルアプリを作ってみたのですが、まだまだTCAの理解が曖昧なところが多々あるため、もう一度サンプルコードを一から丁寧に読んでいます。 bamboo-hero.com 理解できたところは順次アウトプットしていこうと思います。 まずは、一番単純…

The Composable Architecture(TCA)で簡単なサンプルを作れるようになるまでに辿ったステップ

2日ほどかけてTCA(The Composable Architecture)を使った簡単なサンプルアプリを作りました。 ログインしてホーム画面に遷移するだけの超簡単なサンプルですが、TCAのサンプルコードをずっと眺めているよりも実際にアプリを実装してみたほうが理解もずっと…

SwiftUIでViewを引数として渡せるViewを作る(@ViewBuilder)

以前の記事でナビゲーションバーの色を変更可能にしたNavigationViewの実装方法を紹介しました。 bamboo-hero.com 上記記事では、カスタムModifierを実装し、以下のようにModifierを指定することでナビゲーションバーの色を変更できるようにしました。 Navig…

SwiftUIでナビゲーションバー(NavigationView)の色を変更する

現状のSwiftUIではナビゲーションバー(NavigationView)の色を変更するModifierが提供されていません。 しかし、ナビゲーションバーの色を変更したいモチベーションは多々あると思います。 本記事では、ViewModifierを使ってナビゲーションバーのスタイルを…

SwiftUIプロジェクトを作った後にAppDelegate起動に変更したい

XCodeでSwiftUIの新規プロジェクトを作ったときに、最初はLife CycleとしてSwiftUI Appを選択したけど、後々AppDelegateに変更したいことがありました。 SwiftUI Appを選択してプロジェクトを作成すると、xxxApp.swiftというファイルが作成されてそれがエン…