SwiftUI實戰(zhàn)系列

• SwiftUI實戰(zhàn)-使用ViewModifier自定義微信TabBar底部導(dǎo)航和NavigationView
• SwiftUI實戰(zhàn)-NavigationLink圖片和文字顯示藍(lán)色或者圖片無顯示
• SwiftUI實戰(zhàn)-去除List分割線
• SwiftUI實戰(zhàn)-自定義彈窗
• SwiftUI實戰(zhàn)-自定義加載指示器HUD
• SwiftUI實戰(zhàn)-廣告頁、歡迎頁
• SwiftUI實戰(zhàn)-NavigationView + TabView基本框架搭建
• SwiftUI實戰(zhàn)-Pager分頁查看器
• SwiftUI實戰(zhàn)-隱私政策和用戶協(xié)議彈窗
• SwiftUI實戰(zhàn)-多圖、大圖圖片瀏覽
• SwiftUI實戰(zhàn)-下拉菜單
• SwiftUI實戰(zhàn)-系統(tǒng)NavigationView自定義titleView
• SwiftUI實戰(zhàn)-WKWebView的使用
• SwiftUI實戰(zhàn)-自定義轉(zhuǎn)圈指示器
• SwiftUI實戰(zhàn)-自定義TextField搭建登錄頁面UI
• SwiftUI實戰(zhàn)-自定義底部彈窗
• SwiftUI實戰(zhàn)-顯示星級評分
• SwiftUI實戰(zhàn)-類似新聞頭條輪播滾動
• SwiftUI實戰(zhàn)-仿用戶協(xié)議確認(rèn)頁面支持點擊文字顯示協(xié)議
• SwiftUI實戰(zhàn)-新特性、新版本介紹
• SwiftUI實戰(zhàn)-多圖選擇、圖片選擇器
• SwiftUI實戰(zhàn)-輪播圖
• SwiftUI實戰(zhàn)-網(wǎng)絡(luò)請求工具封裝
• SwiftUI實戰(zhàn)-多級聯(lián)動地址選擇
• SwiftUI實戰(zhàn)-使用UIActivityIndicatorView
• SwiftUI實戰(zhàn)-Expanded可伸縮的分組列表List
• SwiftUI實戰(zhàn)-滾動列表內(nèi)容返回頂部、底部、指定位置
• SwiftUI實戰(zhàn)-List列表內(nèi)容動態(tài)改變更新
• SwiftUI-繪制氣泡圖
• SwiftUI-仿微信加號Popover氣泡彈窗
• SwiftUI實戰(zhàn)-單邊圓角單個圓角

本章內(nèi)容

主要目的獲取和修改任何SwiftUI視圖的底層UIKit

效果圖：

List.jpg

相關(guān)的源碼如下：
ContentView.swift

import SwiftUI

struct ContentView: View {
    
    var datas: [String] = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"]
    var body: some View {
        VStack {
            SList(datas: datas) { text, index in
                Text(text)
            }
        }.background(Color.white)
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

SList.swift