TabbedView
次の簡単なコードでビルドしようとしています。
TabbedView {
Text("Hello world")
.tabItemLabel(Text("Hello"))
Text("Foo bar")
.tabItemLabel(Text("Foo"))
}
実行中、両方のタブが表示され、有効になっていますが、2 番目のタブ (「Foo」) のコンテンツは空白です。
タグを追加してみてください:
TabbedView {
Text("Hello world")
.tabItem { Text("Hello") }
.tag(0)
Text("Foo bar")
.tabItem { Text("Foo") }
.tag(1)
}
最新バージョンでは、次を使用する必要がありますTabView
。
TabView {
AnyView()
.tabItem {
Text("Label 1")
}
AnyView()
.tabItem {
Text("Label 2")
}
}
この方法を試してみてください。ただし、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)
}
}
}