在 SwiftUI 中設置 TextField 的寬度

Question

使用 TextField 時，我想將其設置為固定寬度，而不管顯示的文本長度如何，例如“123456789”的字段寬度，即使內容僅為“1”。

TextField("0", text: $username)
    .textFieldStyle(RoundedBorderTextFieldStyle())
    .fixedSize(horizontal: true, vertical: false)
    .frame(width: 120)

我沒有找到任何設置寬度的東西。 使用框架只影響周圍的框架，但我想設置 TextField 本身的寬度。 所以可見寬度應該比它的內容更寬。 任何想法？

Answer 1

只需在應用 .textFieldStyle() 修飾符之前移動 .frame() 修飾符。

import SwiftUI

struct ContentView: View {
    @State private var username = ""
    
    var body: some View {
        TextField("0", text: $username)
            .frame(width: 120)
            .textFieldStyle(RoundedBorderTextFieldStyle())
            .fixedSize(horizontal: true, vertical: false)
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

給你！