Блог

У меня есть представление, аналогичное приведенному ниже коду. По какой-то причине мой длинный текст сокращается, хотя этого не должно быть. Почему это так?

 struct ContentView: View {
    var body: some View {
        VStack {
            ScrollView {
                VStack(alignment: .leading, spacing: 32) {
                    HStack(alignment: .top, spacing: 8) {
                        Image(systemName: "hand.raised.fill")
                            .resizable()
                            .frame(width: 50, height: 50)
                        VStack(alignment: .leading) {
                            Text(shortText)
                            Text(longDescription)
                                .lineSpacing(4)
                                // this is being condensed
                        }
                    }
                }
                .padding([.leading, .trailing])
            }
        }
        VStack {
            // Custom Button goes here
            Spacer()
        }
        .frame(height: 70)
    }
}
 

.layoutPriority(1) говорит системе компоновки, что она должна отдавать приоритет желаемым размерам этого вида по сравнению с чем-либо с более низким приоритетом, чтобы он не уплотнялся.

Причина, по которой вы Text сгущаетесь, заключается в том, что он находится в ScrollView .

В контексте без прокрутки система компоновки позволяет видам расширяться, используя доступное пространство (т. е. Размер экрана) в качестве ограничения.

В контексте прокрутки нет ограничений на доступное пространство, поэтому разрешение представлениям расширяться до максимального размера может привести к тому, что некоторые представления будут иметь бесконечный размер ( Color.red например, будут пытаться занять как можно больше места).

Вот почему ваш Text вид сжат до минимального пространства, которое он поддерживает (высота одной строки), в отличие от максимального размера, который он поддерживает.

пс. Может существовать комбинация модификаторов, которая не layoutPriority(1) позволяет Text указывать минимальный размер как необходимый размер для отображения всего содержимого. Если у меня будет время попытаться найти его, я обновлю этот ответ.