12

TabbedView次の簡単なコードでビルドしようとしています。

TabbedView {
    Text("Hello world")
        .tabItemLabel(Text("Hello"))
    Text("Foo bar")
        .tabItemLabel(Text("Foo"))
}

実行中、両方のタブが表示され、有効になっていますが、2 番目のタブ (「Foo」) のコンテンツは空白です。

4

5 に答える 5

22

タグを追加してみてください:

    TabbedView {
        Text("Hello world")
            .tabItem { Text("Hello") }
            .tag(0)
        Text("Foo bar")
            .tabItem { Text("Foo") }
            .tag(1)
    }
于 2019-06-06T22:46:35.403 に答える
1

最新バージョンでは、次を使用する必要がありますTabView

   TabView {
        AnyView()
            .tabItem {
                Text("Label 1")
            }
        AnyView()
            .tabItem {
                Text("Label 2")
            }
    }
于 2019-09-05T09:22:59.480 に答える
0

この方法を試してみてください。ただし、SF Symbols のアイコンは使用できません。//icons8.com または別のプラットフォームのアイコンを使用してください。またはこのチュートリアルをご覧ください https://www.youtube.com/watch?v=3PfCU5h5z94

struct ContentView : View {
    var body : some View {
        TabbedView {        
             Living_R()
                 .tabItemLabel(VStack {
                     Image("home")
                     Text("Home")
                 }).tag(0)
                    
             ContentView()
                 .tabItemLabel(VStack {
                     Image("search")
                     Text("Search")
                 }).tag(1)
                
             Text("Info")
                 .tabItemLabel(VStack {
                     Image("page")
                     Text("Doc")
                 }).tag(2)
        }   
    }    
}
于 2019-06-30T10:30:30.233 に答える