SwiftUI List 設置行高度row height

本文價值與收獲

看完本文后，您將能夠作出下面的界面

在這里插入圖片描述

看完本文您將掌握的技能

設置List顯示
掌握控制行高度

代碼

import SwiftUI

struct ContentView: View {
   var body: some View {
      VStack {
          Text("SwiftUI List 設置行高度row height")
            .frame(maxWidth:.infinity)
            .padding()
            .background(Color.orange)
            .padding()
        List(1..<100,id: \.self) { row in
              HStack {
                  Spacer()
                  Text("\(row)")
                  Text("---")
                 
                  Spacer()
              }.frame(height: 10)
          }
        .environment(\.defaultMinListRowHeight, 10)
          }
    }
}

技術交流

QQ:3365059189
SwiftUI技術交流QQ群:518696470

本文鏈接：https://blog.csdn.net/iCloudEnd/article/details/105905190

智能推薦

SwiftUI macOS 之 List Sidebar設置擊高亮動畫效果(教程含源碼)

實戰需求 SwiftUI macOS 之 List Sidebar設置擊高亮動畫效果(教程含源碼) 本文價值與收獲看完本文后，您將能夠作出下面的界面看完本文您將掌握的技能掌握background 掌握onTagGesture 掌握animation 掌握延時設置動畫基礎知識 List 一個容器，用于顯示排列在單列中的數據行。 background(_:alignment:) 將給定視圖分層...

SwiftUI之List 和form（2020版）

SwiftUI之List 和form（2020版） VStack 效果 image.png List 效果 image.png List with header & footer 效果 image.png List & navigation Treat.swift 效果 image.png 完成代碼效果 image.png...

SwiftUI模仿微信聊天list

SwiftUI模仿微信聊天列表list 學了swiftui后，每次看到一個界面，都會想著怎樣用代碼實現。無意間發現微信上的是：圖片下面沒有下劃間隔線（如下圖），消息下面就有！ ios上面的設置也是這樣！但是swiftui上的list、或者form每條消息的間隔都有一條鋪平的直線，如下圖，圖片下面也有！手里的饅頭突然就不香了。于是我決定要customize一下這個list 但是好像這個li...

SwiftUI的List View和UIKit中的UITableView很相似，它可以根據你的需求加載靜態或者動態數據。不同的是，List使用起來更加的簡單:我們不需要在storyboard或者Xib中創建cell，也不需要使用代碼注冊cell，不需要告訴它要有多少行內容，當然也不需要dequeue cell以及手動設置cell等等。一、創建一個靜態數據列表想要創建一個靜態數據列表，你首先需要...

iOS SwiftUI macOS之List基礎使用

本文價值與收獲看完本文后，您將能夠作出下面的界面 image.png 看完本文您將掌握的技能 macOS中list基礎使用代碼技術交流 QQ:3365059189 SwiftUI技術交流QQ群:518696470 請關注我的專欄icloudend, SwiftUI教程與源碼 https://www.jianshu.com/c/7b3e3b671970...