SwiftUI 實戰之如何讓Form中的Text居中

實戰需求

Form是SwiftUI最常用的數據收集組件，有時我們需要Text讓居中，該如何操作呢？

本文價值與收獲

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

[email protected]

看完本文您將掌握的技能

掌握Form基礎使用
兩套解決方案實現Text居中

代碼

1、方案一

Form {
                Text("我是默認左對齊")
                Text("我是強制劇中")
                .frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity, alignment: .center)
            }

2、方案二

Form {
                Text("第二個方案")
                HStack {
                    Spacer()
                    Text("第二部方案居中")
                    Spacer()
                }
            }

項目完整代碼

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack{
            Text("SwiftUI如何讓Form中的Text居中")
                .frame(maxWidth:.infinity)
                .padding()
                .background(Color.orange)
                .padding()
            Form {
                Text("我是默認左對齊")
                Text("我是強制劇中")
                .frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity, alignment: .center)
            }
            Divider()
            Form {
                Text("第二個方案")
                HStack {
                    Spacer()
                    Text("第二部方案居中")
                    Spacer()
                }
            }
        }
    }
}

技術交流

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

請關注我的專欄icloudend, SwiftUI教程與源碼
 https://www.jianshu.com/c/7b3e3b671970

JSON文件篇

SwiftUI JSON文件下載、存儲、解析和展示(代碼大全)

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

智能推薦

SwiftUI封裝UIKit之UIDatePicker

本文價值與收獲看完本文后，您將能夠作出下面的界面 [email protected] 看完本文您將掌握的技能 UIDatePicker基礎使用掌握SwiftUI使用UIDatePicker方法代碼推薦基礎文章推薦《SwiftUI是什么，聽聽大牛們如何說》經典教程推薦 onevcat 大神的《SwiftUI 與 Combine 編程》更新近百篇SwiftUI教程《...

SwiftUI學習筆記之Animations 一 SwiftUI的Animations可以用到View當中，不僅是數值變化可以使用，即使是布爾變量也可以使用，例如在Button中使用當點擊button時，背景顏色立刻變為藍色或者紅色。如果我們加上animation 則顏色變化則漸變為紅色或者藍色。除了默認的動畫模式還有很多可供選擇比如 interpolatingSpring easeInOu...

SwiftUI 如何停止Text的內置計時器

實戰需求 Text在WWDC20被加強了功能，style類型增加了.timer功能，可以實現計時器功能。但是Text的計時器如何停止呢？本文價值與收獲看完本文后，您將能夠作出下面的界面看完本文您將掌握的技能掌握Text的.timer風格掌握DispathQueue 掌握Calendar 基礎知識 Text WWDC20 對Text進行全面加強，最典型就是增加了日期顯示功能，具體功能如下...

SwiftUI基礎之如何讓圖片鋪滿全屏幕

假設我們有個圖片希望鋪滿全屏該如何操作呢？首先設置背景效果不盡人意，沒有鋪開 [email protected] 然后將容器撐滿全屏我們的可以使用Spacer()將VStack撐開效果還可以，但是劉海兒和底部還沒有鋪上。 [email protected] 使用edgesIgnoringSafeArea 鋪滿整個屏幕最終效果 Jietu202001...

SwiftUI 基礎之List如何設置風格

UIKit時代我們可以給UITableview設置不同顯示風格，SwiftUI世界里該如何實現呢？實現方法非常簡單，請看效果和代碼效果 [email protected] 代碼參考文章 https://stackoverflow.com/questions/56498045/remove-extra-separators-below-list-in-swiftui 更多S...

freemarker + ItextRender 根據模板生成PDF文件

1. 制作模板 2. 獲取模板，并將所獲取的數據加載生成html文件 2. 生成PDF文件其中由兩個地方需要注意，都是關于獲取文件路徑的問題，由于項目部署的時候是打包成jar包形式，所以在開發過程中時直接安照傳統的獲取方法沒有一點文件，但是當打包后部署，總是出錯。于是參考網上文章，先將文件讀出來到項目的臨時目錄下，然后再按正常方式加載該臨時文件；還有一個問題至今沒有解決，就是關于生成PDF文件...

電腦空間不夠了？教你一個小秒招快速清理 Docker 占用的磁盤空間！

Docker 很占用空間，每當我們運行容器、拉取鏡像、部署應用、構建自己的鏡像時，我們的磁盤空間會被大量占用。如果你也被這個問題所困擾，咱們就一起看一下 Docker 是如何使用磁盤空間的，以及如何回收。 docker 占用的空間可以通過下面的命令查看： TYPE 列出了docker 使用磁盤的 4 種類型： Images：所有鏡像占用的空間，包括拉取下來的鏡像，和本地構建的。 Con...

requests實現全自動PPT模板

http://www.1ppt.com/moban/ 可以免費的下載PPT模板，當然如果要人工一個個下，還是挺麻煩的，我們可以利用requests輕松下載訪問這個主頁，我們可以看到下面的樣式點每一個PPT模板的圖片，我們可以進入到詳細的信息頁面，翻到下面，我們可以看到對應的下載地址點擊這個下載的按鈕，我們便可以下載對應的PPT壓縮包那我們就開始做吧首先，查看網頁的源代碼，我們可以看到每一...