ios - 在 ToolbarItem SwiftUI 中添加带有图像和文本的按钮

Question

我想要的按钮与 iOS 中的提醒应用程序完全一样在代码注释工作下方，我还尝试使用标签和系统图像名称。

        .toolbar {
            ToolbarItem(placement: .bottomBar) {
                Button(action: {}, label: {
                    HStack {
                        Image(systemName: "plus.circle.fill")
                        Text("New Reminder")
                    }
                })

            }
        }

Answer 1

创建自定义标签样式

struct VerticalLabelStyle: LabelStyle {
    func makeBody(configuration: Configuration) -> some View {
        VStack {
            configuration.icon.font(.headline)
            configuration.title.font(.footnote)
        }
    }
}

然后你可以为你的标签使用自定义样式

Button(action: {}, label: {
   Label("Home", systemImage: "house")
      .labelStyle(VerticalLabelStyle())
})