[SwiftUI]TextField(テキストフィールド)の横幅(width)を設定するには？

どうも、ちょげ(@chogetarou)です。

TextFieldの横幅を設定する方法を紹介します。

方法
使用例

方法

TextFieldの横幅を設定するには、frameモディファイアを使います。

まず、TextFieldにframeモディファイアを付与します。

そして、frameモディファイアの引数「width」に横幅を指定します。

TextField("", text: $editingText)
    .frame(width: /*横幅*/)

frameモディファイアを使えば、TextFieldの横幅を設定することができます。

使用例

以下は、使用例です。

struct ContentView: View {
    @State var editingText = ""
    var body: some View {
        VStack {
            TextField("Your Text", text: $editingText)
                .frame(width: 200.0)
                .textFieldStyle(RoundedBorderTextFieldStyle())
        }
    }
}