Добавить кнопку с изображением и текстом в панель инструментов SwiftUI

#ios #swift #swiftui

#iOS #swift #swiftui

Вопрос:

Я хочу, чтобы кнопка работала точно так же, как в приложении «Напоминания» в iOS ниже кода примечание, я также пробовал использовать ярлык и имя системного образа.

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

            }
        }
  

введите описание изображения здесь

введите описание изображения здесь

Комментарии:

1. Есть успехи? Я также пытаюсь добиться такого поведения.

Ответ №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())
})
  

значок с заголовком внизу