6
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

【SwiftUI】アクセシビリティでレイアウトが崩れる件について

Last updated at Posted at 2022-04-16

きっかけ

問題点

おそらくSwiftUIでしか発生しないです

本来
IMG_0086.jpg
アクセシビリティの「ボタンの形」がオン
IMG_0087.jpg

上記の画像のようにボタンのレイアウトが崩れてしまいます。

原因

ContentView.swift
Button(action: {
    // 処理
}) {
    Text("Hello, world!")
        .foregroundColor(.white)
        .frame(width: 140, height: 60)
        .background(Color.black)
        .cornerRadius(10)
}

Button自体にframeが指定されていないのが原因です。

解決策

ContentView.swift
Button(action: {
    // 処理
}) {
    Text("Hello, world!")
        .foregroundColor(.white)
        .frame(width: 140, height: 60)
        .background(Color.black)
        .cornerRadius(10)
}
.frame(width: 140, height: 60)

Buttonにframeを指定する事で解決します。
アクセシビリティの「ボタンの形」がオフであればレイアウトに問題ないので正直気付きにくいです。

「ボタンの形」の場所

設定→アクセシビリティ→画面表示とテキストサイズ→ボタンの形

6
4
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?