SwiftUI HStack如何等距離填充整個寬度

標簽： SwiftUI源碼大全

SwiftUI Texfield如何限制只接受數字和單個點

實戰需求

HStack是SwiftUI布局的基礎，如何等距離排列組件呢？

本文價值與收獲

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

Jietu20200504-225907@2x.jpg

看完本文您將掌握的技能

掌握HStack使用
設置等分排列

代碼

import SwiftUI

struct ContentView: View {
    var data = ["第一個組件", "第二個組件", "第三個組件"]
    
    var body: some View {
        VStack {
            
            // This will be as small as possible to fit the items
            HStack {
                ForEach(data, id: \.self) { item in
                    Text(item)
                        .border(Color.orange)
                }
            }
            
            // Each item's invisible Rectangle forces it to expand

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

智能推薦

SwiftUI APP如何取代AppDelegate和SceneDelegate

SwiftUI是構建應用程序的好方法。簡單，簡潔，快速。可以用一半的代碼行在SwiftUI中重新創建UIKit中的內容。以前需要數周才能完成的工作現在只需幾個小時。但是直到今天，它還是有一個嚴重的缺點：它依賴于UIKit。要顯示使用SwiftUI創建的視圖，您必須將其包裝在UIHostingController中，該包裝必須包裝在UIWindow中，而UIWindow必須在SceneDelega...

SwiftUI-HStack、VStack和ZStack組合用

文章目錄前言效果圖代碼前言個人學習 SwiftUI 的記錄，如有錯誤，請指教哈! 效果圖這里展示了, 組合用幾個布局寫一個卡片 ( 好吧，好像好多文章都是寫卡片 ) 先上效果圖代碼...

SwiftUI基礎之Stack容器的使用VStack HStack

SwiftUI基礎之Stack容器的使用VStack HStack 預期效果 [email protected] 代碼更多SwiftUI教程和代碼關注專欄請關注我的專欄icloudend, SwiftUI教程與源碼 https://www.jianshu.com/c/7b3e3b671970...

010_swiftui_填充數據與點擊事件

根據true 和false 來切換心得圖片效果展示點擊心可以切換狀態。這里沒有用到圖片而是用到的系統資源當我們編輯過多的代碼的時候可以選中所有代碼后（command+a）通過來快速格式化xcode代碼 ...

SwiftUI 顏色漸變填充效果（教程含源碼）

SwiftUI 為我們提供了各種梯度選項，所有這些選項都可以通過多種方式使用。 Gradient 漸變器 A color gradient represented as an array of color stops, each having a parametric location value. gradient是一組顏色的合集，每個顏色都忽略位置參數 LinearGradient 線性漸變器...