SwiftUI List那些事(十一)List 修改显示样式(ListStyle)

可以通过protocol ListStyle 修改List样式

//
//  ListStyle.swift
//  List
//
//  Created by lsr on 2021/9/22.
//

import SwiftUI

struct ListStyle: View {
    @State var dataItems = dataSourceWithClass;

    var body: some View {
        List{
            ForEach(dataItems) { region in
                Section(header: Text(region.studentClass.name)) {
                  ForEach(region.students) { item in
                    ListRow(item: item)
                  }
                }
            }
        }.listStyle(InsetGroupedListStyle()).navigationTitle("人员管理")
    }
}

struct ListStyle_Previews: PreviewProvider {
    static var previews: some View {
        ListStyle()
    }
}

效果如下

InsetGroupedListStyle
在这里插入图片描述

DefaultListStyle

在这里插入图片描述
GroupedListStyle

在这里插入图片描述

InsetListStyle
在这里插入图片描述
PlainListStyle
在这里插入图片描述

SidebarListStyle

在这里插入图片描述

ListStyle


版权声明:本文为lengshengren原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。