您好,我正在创建这个设计,使用的是swftUI,但我不明白为什么Text()要向字符串值添加更多的填充,我只想将其添加到前导尾部,如边距

Design: enter image description here

结果:

enter image description here

代码:

    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))
                    }
                }
            }
        }
    }

推荐答案

首先,文本在框架中居中对齐,因此

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)

提供:

demo

其次,SwiftUI文本不允许孤立单词.详情见下文https://stackoverflow.com/a/71698509/12299030

Ios相关问答推荐

将图案UI视图动画化以模拟进度条

如何保持拖动预览与原始项目完全相同?

如何在iPhone 15上消除.NET Maui中状态栏和页面之间的差距

AVFoundation Camera推出变焦SWIFT

在相机动作之前快速防止场景视点重置

一堆UIGraphics方法在iOS 17中被弃用,没有明确的替代方法?

iOS应用程序冻结在UICollectionView代码,但我没有';没有任何UICollectionViews

flutter中实现自定义底部导航栏

圆角矩形路径上的蛇形动画

NavigationLink 只能在文本部分点击

如何让替换视图淡入旧视图而不是交叉淡入淡出?

-1103 错误域=NSURLErrorDomain 代码=-1103资源超过最大大小iOS 13

CocoaPods 找不到 podFirebase/Core的兼容版本 | cloud_firestore, Flutter

如何获取 UICollectionViewCell 的矩形?

核心数据 - 无法在路径加载优化模型

如何在 UILabel 中找到文本子字符串的 CGRect?

将视图控制器从一个情节提要移动或复制到另一个情节提要

在转发类对象中找不到属性

如何创建 Select 器数组

dismissModalViewController 并传回数据