zl程序教程

您现在的位置是:首页 >  后端

当前栏目

SwiftUI 高级List 之CardView卡片效果(2020年教程)

List教程 效果 高级 2020 SwiftUI 卡片
2023-09-11 14:18:31 时间

SwiftUI 高级List 之CardView卡片效果(2020年教程)

代码

import SwiftUI

struct ListCardView: View {
    var body: some View {
        List{
            VStack{
                Image("circle")
                    .resizable()
                    .aspectRatio(contentMode: .fit)
                HStack{
                    VStack(alignment: .leading) {
                        Text("明代")
                            .font(.headline)
                            .foregroundColor(.secondary)
                        Text("销闲清课图")
                            .font(.title)
                            .fontWeight(.black)
                            .foregroundColor(.primary)
                            .lineLimit(3)
                        Text("此《销闲清课图》卷由明代孙克弘绘制。")
                            .foregroundColor(.secondary)
                    }
                    .layoutPriority(100)
                    //将VStack 推到左侧
                    Spacer()