tetoblog 
実行環境
| Swift | 5.6.1 |
| Xcode | 14.0 |
実装するもの
下記の動画のように、
Buttonレイアウト時のモディファイヤ位置によっては、
文字しか押せなくなってしまいます。
今回のソースコードは、こちらのGitHubにあげています。
実装
文字しか押せないボタン
Button全体にモディファイヤを付けると、文字しか押せないボタンになります。
Button(action: {
// ボタンが押された際の処理
}) {
Text("文字しか押せないボタン")
}
.padding()
.accentColor(Color.white)
.background(Color.black)
.cornerRadius(25)
.shadow(color: Color.gray, radius: 10, x: 0, y: 3)輪郭も押せるボタン
ButtonのTextにモディファイヤを付けると、輪郭全体を押せるボタンになります。
Button(action: {
// ボタンが押された際の処理
}) {
Text("輪郭も押せるボタン")
.padding()
.accentColor(Color.white)
.background(Color.black)
.cornerRadius(25)
.shadow(color: Color.gray, radius: 10, x: 0, y: 3)
}まとめ
ということで、本記事はButtonの輪郭全体を押せるようにする方法を自分のメモ程度にまとめました。
アドバイスやコードの改善などあれば本記事の最後の部分からコメントしてくださいね。
最後まで読んでいただきありがとうございました！
作業効率がグッと上がるPC道具
リンク
リンク
間違いなしのSwift書籍２冊
リンク
リンク
