Как добавить изображение и метку к элементу панели вкладок с помощью SwiftUI

Question

Используя этот код, я могу установить метку или изображение, но неясно, как установить оба.

    var body: some View {
        Text("Library")
            .font(.title)
//            .tabItemLabel(Image("first"))
            .tabItemLabel(Text("Library"))
            .tag(0)
    }

Answer 1

В беседе SwiftUI Essentials WWDC они используют этот пример кода, чтобы иметь изображение и метку в элементе панели вкладок:

TabbedView {

  OrderForm()
  .tabItemLabel {
    Image(systemName: "square.and.pencil")
    Text("New Order")
  }
  OrderHistory()
  .tabItemLabel {
    Image(systemName: "clock.fill")
    Text("History")
  }
}

Но в этот момент использование этого подхода для добавления `tabItemLabel` в бета-версию Xcode 11 приводит к ошибке компилятора, и его нельзя использовать. Так что это может быть ошибкой и, вероятно, будет исправлено в следующих выпусках.

---

Обновление:

Эта проблема была исправлена ​​с помощью Xcode 11 beta 3 . tabItemLabel переименован в tabItem и может быть использован, как показано ниже:

.tabItem {
    Image(systemName: "circle")
    Text("Tab1")
}

Answer 2

Существует обходной путь к официально Замечаниям к выпуску iOS 13 Beta 2:

Обходной путь: обернуть передаваемые вами представления в модификатор в VStack:

MyView()
    .tabItemLabel(VStack {
        Image("resourceName")
        Text("Item")
    })

Примечание: этот обходной путь не работает с Image(systemImage: "")