1

SwiftUI が当社のユースケースに適合するかどうかを調べています。しかし、私はそれがかなり骨の折れるものであり、いくつかの重要な洞察が欠けているのではないかと考えています.

現在、V/HStack がアクセシビリティのフォントサイズの変更に動的に対応できるかどうかを調査しています。問題は、アイテムにフレームを付ける必要があることです。外側のスタックのアイテムビューの制約が内側のコンテンツに自動的に固定されません。ユーザーが font-size を完全な Bananas-mode に設定すると、UI が壊れます。

struct PatientHistoryView: View {

    @State var model : PatientHistoryModel = historyModel;



    var body : some View {
        GeometryReader { g in

            ScrollView(.vertical, showsIndicators: true) {
                List
                {
                    ForEach(self.model.data)
                     {   labResults in
                        LabDetailView(labeResults: labResults)
                     }
                }.frame(width: 300, height: g.size.height).background(Color.clear)
            }
        }
    }
}

adding these properties do not seem to affect the Font-scaling issues:

struct PatientHistoryView: ビュー {

@State var model : PatientHistoryModel = historyModel;



var body : some View {
    GeometryReader { g in

        ScrollView(.vertical, showsIndicators: true) {
            List
            {
                ForEach(self.model.data)
                 {   labResults in
                    LabDetailView(labeResults: labResults).frame(minWidth: 200, idealWidth: 400, maxWidth: 600, minHeight: 50, idealHeight: 100, maxHeight: 600)
                 }
            }.frame(width: 300, height: g.size.height).background(Color.clear)
        }
    }
}

}


ここにlabDetailViewがあります


struct LabDetailView: View {

    var labeResults : LabResults
    var color : Color = .red

    var spacer : some View {
        Spacer().frame(width: 10, height: 0)
    }

    var body : some View {

        GeometryReader { g in
            HStack
            {
                Group
                {
                    VerticalLineView().frame(width: 10, height: g.size.height, alignment: .leading).background(self.color)
                    self.spacer
                    self.spacer
                    LineStack(lineColor: .white, lineHeight: 2).frame(width: 20, height: 20, alignment: .center)
                    self.spacer
                    self.spacer
                }

                VStack(alignment: .leading, spacing: 8)
                {
                    Text(self.labeResults.title).fontWeight(.bold)
                    Text(self.labeResults.type)
                }

                Spacer()

                VStack(alignment: .center)
                {
                    Text(self.labeResults.max.asString)
                    Spacer()
                    Text(self.labeResults.avg.asString).fontWeight(.bold).font(.system(size: 20))
                    Spacer()
                    Text(self.labeResults.min.asString)
                }.frame(width: 50, height: g.size.height, alignment: .center)

                self.spacer
                self.spacer

            }.frame(width: g.size.width, height: g.size.height, alignment: .leading)
        }
    }
}

ここに画像の説明を入力 UIkit では、これらの問題は traitCollectionDidChange フックで解決できます。ただし、Swift UI では、同等のものを見つけることができません。

誰かアイデアはありますか?

ありがとう!

4

0 に答える 0