小编tex*_*009的帖子

将文本与屏幕一侧对齐 (SwiftUI)

我正在使用 Swiftui 创建一个聊天应用程序。我正在尝试对齐文本,以便它显示在屏幕的右侧,然后来自其他用户的消息将显示在左侧。我尝试过使用 VStack 并使用前导和尾随对齐,我还尝试过仅对齐文本属性。我有一个文本,然后有两个按钮。我希望垃圾桶按钮和铅笔按钮都均匀地排列在右侧。

在此输入图像描述

            VStack (alignment: .trailing ) {
                HStack {
                    Text(data.text)
                        .padding(.bottom, 4)
                        .padding(.top, 4)
                        .padding(.leading, 8)
                        .padding(.trailing, 8)
                        .foregroundColor(Color.white)
                        .background(Color(UIColor.systemBlue))
                        .cornerRadius(20)
                    
                    Button(action: {
                        self.showingPopover = true
                    }) {
                        Image(systemName: "pencil")
                    }
                    Button(action: {
                        viewModel.deleteData(id: data.id)
                    }) {
                        Image(systemName: "trash")
                    }
                }
            }
Run Code Online (Sandbox Code Playgroud)

screen alignment frame swift swiftui

3
推荐指数
1
解决办法
6158
查看次数

标签 统计

alignment ×1

frame ×1

screen ×1

swift ×1

swiftui ×1