Swiftui 中的选项卡项间距

Question

尝试使用 tabItem 选项和运行遇到问题....我在分隔选项卡视图中的元素时遇到了一些问题。在第一个元素之前左侧有一个额外的长缩进。（见图）我遇到了一个解决方案，但我不确定将它放在哪里或者 SwiftUI 中是否有更好的东西：（tabBar.itemPositioning = .fill)

非常感谢您的帮助。谢谢

Screenshot

==============

struct ContentView: View {
    @State var selected = 0
    var body: some View {
        TabView (selection: $selected){
            mainscreen()
            DayEntry().tabItem ({
                Image(systemName: "calendar.circle")
                Text("Home")
            }).tag(0)
           mainscreen()
                .tabItem ({
                    Image(systemName: "quote.bubble")
                    Text("Quote")
                }).tag(1)
            DayEntryVStacks()
                 .tabItem ({
                     Image(systemName: "gear")
                     Text("Settings")
                 }).tag(2)
            DayEntryVStacks()
                 .tabItem ({
                     Image(systemName: "calendar.badge.plus")
                     Text("Month")
                 }).tag(3)
        } .accentColor(.red)
        
        
   //     tabBar.itemPositioning = .fill

    }
}

Answer 1

There is an extra long indentation to the left before the first element

这不是缩进，您只是没有为主屏幕添加选项卡项，所以第一次查看时显示空白。因此，要解决此问题，您必须添加选项卡项：

    TabView (selection: $selected){
        mainscreen()
                        // << here !!
        DayEntry().tabItem ({

Swiftui 中的选项卡项间距

Tab item spacing in Swiftui

tabitem

swiftui