GeometryReader を使用します。 公式ドキュメント: https://developer.apple.com/documentation/swiftui/geometryreader 以下…
Viewが重なった時の表示優先度を設定することができ、数字が大きいViewが優先的に表示されます。 四角い緑と赤の図形を重ねてみました。緑のViewの方が zIndex が大きいので緑色が表示されます…
Button の background に Capsule を指定します。あとは程よく Padding を入れましょう。
clipShape モディファイアでViewを切り取ることができます。切り取ることができる形状は以下のとおりです。 形状 四角形 Rectangle() 角丸の四角形 RoundedRectangle…
iOS14で導入された機能で、NavigationViewの上部、または下部のツールバーにボタンやテキストを配置することができます。 また、iOS15では表示位置に keyboard を指定することが…
セグメントメニューを配置して、メニューごとに表示するリストを変えるサンプルです。今回はフィルター用のViewを作成してみます。
ボタンを押した時にDatePickerをモーダルで表示し、カレンダーの外を選択した時にモーダルを閉じるビューを作成してみます。 まず、.frame(maxWidth: .infinity, maxHe…
データクラスを複数のViewで同期して共有することができます。 公式ドキュメント: https://developer.apple.com/documentation/swiftui/observed…