ScrollView bug

[yujinqiu]

        .pipify(isPresented: $isPresented) {
               PipView()
        }

self.listeningVM.currentPip has default value self.listeningVM.currentPip = "HERE is text"
if PipView has ScrollView, it just show black pip window

struct PipView: View {
    @EnvironmentObject var listeningVM: ListeningVM

    var body: some View {
        VStack(alignment: .leading, spacing: 0.0) {
            ScrollView {
                Text(self.listeningVM.currentPip)
                    .frame(width: 300, alignment: .leading)
            }
            .frame(height: 80, alignment: .topLeading)
            .defaultScrollAnchor(.topLeading)
        }
        .padding(4)
        .foregroundStyle(.white)
        .frame(width: 300, height: 100)
    }
}

if ScrollView is remove, "HERE is text" is properly show in pip window.

Why ScrollView is important, I want to show multi line text within pip window, if text can scroll to latest text will be good UX design.

[Sherlouk]

Thanks for reporting this issue. If you render this with the drawingGroup() modifier at the end, does it show correctly without any warnings in the console? I wonder if this is similar to other issues where the ImageRenderer (SwiftUI view made by Apple) just doesn't support some views.

[yujinqiu]

struct PipView: View {
    @EnvironmentObject var listeningVM: ListeningVM

    var body: some View {
        VStack(alignment: .leading, spacing: 0.0) {
            ScrollView {
                Text(self.listeningVM.currentPiP)
                    .frame(width: 300, alignment: .leading)
            }
            .frame(height: 80, alignment: .topLeading)
            .defaultScrollAnchor(.topLeading)
        }
        .padding(4)
        .foregroundStyle(.white)
        .frame(width: 300, height: 100)
        .drawingGroup()
    }
}

with or without drawingGroup() , the result is the same.

[Sherlouk]

The question wasn't in the context of Pipify, but just in a standard SwiftUI view of the app rendered through the simulator.

This module currently relies entirely on the ImageRenderer feature in SwiftUI, if that gives me a black screen then that's unfortunately what gets shown. Known limitations include metal views (#34) but documentation suggests others too.

[hanrw]

struct PipView: View {
    @EnvironmentObject var listeningVM: ListeningVM

    var body: some View {
        VStack(alignment: .leading, spacing: 0.0) {
            ScrollView {
                Text(self.listeningVM.currentPiP)
                    .frame(width: 300, alignment: .leading)
            }
            .frame(height: 80, alignment: .topLeading)
            .defaultScrollAnchor(.topLeading)
        }
        .padding(4)
        .foregroundStyle(.white)
        .frame(width: 300, height: 100)
        .drawingGroup()
    }
}

with or without drawingGroup() , the result is the same.

we have same requirement. like display lyrics from bottom to top. lol