簡體   English   中英

帶有文本和圖像的 SwiftUI 表單選擇器

[英]SwiftUI Form Picker with text and Image

我正在嘗試創建一個表單選擇器,在頂層顯示當前選定的圖像資源,當用戶選擇它以顯示詳細信息時,我希望它顯示所有可用的圖像資源。

這是代碼的相關部分:

                Picker("Background image:", selection: $task.background) {
                    ForEach(0 ..< backgroundImages.count) {
                        Image("Background\($0)").resizable().frame(width: 100, height: 35, alignment: .center)
                        Text("Background\($0)")
                    }
                }

問題在於,在詳細信息屏幕中,我得到:

在此處輸入圖片說明

圖像是空白的,圖像和文本出現在 2 個不同的行上。

我曾嘗試將 Image 和 Text 行包裝在 HStack 中,但這會在其他行上產生編譯時錯誤。 任何的意見都將會有幫助。

以下應該編譯並運行良好(使用替換的系統映像進行測試,Xcode 11.2)

演示

Picker("Background image:", selection: $task.background) {
    ForEach(0 ..< backgroundImages.count) { i in
        HStack {
            Image("Background\(i)").resizable().frame(width: 100, height: 35, alignment: .center)
            Text("Background\(i)")
        }
    }
}

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM