Как получить ширину текста с SwiftUI?

Question

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

Сначала я создаю подчеркнутый текст, как показано ниже:

struct Title: View {
    var body: some View {
        VStack {
            Text("Statistics")
            Rectangle()
            .foregroundColor(.red)
            .frame(height: (5.0))
        }
    }

}

Итак, я получаю следующий результат:

Теперь я хочу получить этот результат:

Поэтому я хотел бы знать, возможно ли связать ширину текста и применить его к Rectangle, написав что-то вроде:

struct Title: View {

    var body: some View {
        VStack {
            Text("Statistics")
            Rectangle()
            .foregroundColor(.red)
            .frame(width: Text.width, height: (5.0))
        }
    }

}

Таким образом, я может изменить текст, и он будет динамически подчеркнут с правильной шириной.

Я пробовал много вариантов, но я не могу найти, как это сделать. Я также проверил этот вопрос , но, похоже, это не та проблема.

Answer 1

Просто укажите, что контейнер имеет фиксированный размер, и он будет плотно прилегать к содержимому, например

var body: some View {
    VStack {
        Text("Statistics")
        Rectangle()
        .foregroundColor(.red)
        .frame(height: (5.0))
    }.fixedSize()              // << here !!
}