簡體   English   中英

SwiftUI - 如何將多行文本對齊到左側?

[英]SwiftUI - how to align multiline Text to left side?

我試圖讓Text觸摸左側。 現在,它們的側面都有不相等的間距。 這是我的代碼:

struct ContentView: View {
    var body: some View {
        VStack(spacing: 20) {
            Text("Some long text long longgggggg long long long long long long long long long long long long")
                .border(Color.blue)
            
            Text("Some long text long a long long long long long long long long long long long long")
                .border(Color.blue)
            
            Text("Some long text long asda long long long long long long long long long long long long")
                .border(Color.blue)
        }
    }
}

結果:

3 垂直堆疊的文本,每個具有不同的寬度和居中

這就是我想要的(通過HStack + Spacer()實現):

3 垂直堆疊的文本,每個具有不同的寬度但左對齊

我怎樣才能做到這一點? HStack + Spacer()似乎不適合多行Text

我在寫我的問題時想通了。 只需將alignment: .leading添加到 VStack 即可。

struct ContentView: View {
    var body: some View {
        VStack(alignment: .leading, spacing: 20) { /// here!
            Text("Some long text long longgggggg long long long long long long long long long long long long")
                .border(Color.blue)

            Text("Some long text long a long long long long long long long long long long long long")
                .border(Color.blue)

            Text("Some long text long asda long long long long long long long long long long long long")
                .border(Color.blue)
        }
    }
}

結果:

3 垂直堆疊的文本,每個具有不同的寬度但左對齊

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM