首页 > 解决方案 > SwiftUI:样式化 TabbarView

问题描述

谁能告诉我如何设置我的 TabbarView 和 TabItems 的样式

我想:

  1. 所选 TabItem 上的渐变(将 AccentColor 设置为橙色,但需要渐变)
  2. TabbarView 左上角和右上角的角半径
  3. TabItem 中图像的大小和位置(顶部、前导、尾随、底部填充)
  4. TabbarView 应该是纯色的,包含视图上的背景颜色会更改背景颜色,因为当包含视图为黑色或白色时,TabbarView 背景颜色不同。

当前代码:

struct TabbarView: View {
    @State var selectedView = 0

    var body: some View {
        TabView(selection: $selectedView) {
            Text("Page 1")
                .tabItem {
                    Image(systemName: "house")
            }
            .tag(0)
            Text("Page 2")
                .tabItem {
                    Image(systemName: "house")
            }
            .tag(1)
        }
        .edgesIgnoringSafeArea(.top)
        .accentColor(.orange)
    }
}

图片:

在此处输入图像描述

如果您只知道部分问题,请告诉我:)

谢谢!

标签: iosswiftswiftui

解决方案


推荐阅读