首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Text()正在添加额外的前导尾随填充SwiftUI

Text()正在添加额外的前导尾随填充SwiftUI
EN

Stack Overflow用户
提问于 2022-08-02 05:33:51
回答 2查看 224关注 0票数 2

嗨,我是用swiftUI创建这个设计的,但是我不明白为什么Text()会给字符串值添加更多的填充,我只想让它像边距那样放在前面的尾部。

设计:

结果:

代码:

代码语言:javascript
复制
    struct ProductDetailSwiftUIView: View {
    
        var body: some View {
            ZStack {
                ScrollView {
                    VStack {
                        Rectangle()
                            .frame(height: 213)
                            .foregroundColor(Color.blue)
                            
                        Text("Fresas Congeladas La Huerta 500g")
                            .foregroundColor(.black)
                            .font(Font.bodySemibold(22))
                            .multilineTextAlignment(.leading)
                            .frame(maxWidth: .infinity)
                            .background(Color.red)
                            .padding(.leading, 16)
                            .padding(.trailing, 16)
                    }
                }.toolbar {
                    ToolbarItem(placement: .navigationBarTrailing) {
                        Button {
                            print("Hello world")
                        } label: {
                            Label("Back", image:  "cartLine")
                        }.overlay(Badge(count: 1))
                    }
                }
            }
        }
    }
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2022-08-02 05:44:49

首先,文本以帧为中心对齐,因此

代码语言:javascript
复制
Text("Fresas Congeladas La Huerta 500g")
    .foregroundColor(.black)
    .font(Font.bodySemibold(22))
    .multilineTextAlignment(.leading)
    .frame(maxWidth: .infinity, alignment: .leading)  // << fix 1 !!
    .background(Color.red)
    .padding(.leading, 16)
    .padding(.trailing, 16)

给予:

第二,SwiftUI文本不允许孤立词。有关详细信息,请参阅下一步https://stackoverflow.com/a/71698509/12299030

票数 4
EN

Stack Overflow用户

发布于 2022-08-02 05:45:02

.frame(maxWidth: .infinity)中删除Text()以解决此问题。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/73202394

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档