Adding a static presentation mode suitable for embedding in a SwiftUI sheet

[jaflo]

I am trying to use the SDK with SwiftUI and have taken an approach similar to #44 to present the picker in a sheet. Everything looks good, the only issues are that:

• there is a gap above the grabber since everything is embedded in the modal, but padding is added by the SDK even when trayHeightMultiplier is set to 1, and
• when dragging down, the picker becomes smaller, but the containing modal doesn't move, making everything look off.

Is it possible to get an option to make the provided interface appear static? This mode would make it suitable to be embedded in another view that takes care of proper presentation (so no need for the top padding, grabber, or ability to drag down) and dismissal (no swiping down of the view to dismiss).

Gap at top

When dragging down

[cgmaier]

hey @jaflo we've been working on a better solution for developers using SwiftUI and hope to share an update soon.

[ALexanderLonsky]

A new property of GiphyViewController called swiftUIEnabled was added in v2.1.11 to provide a better experience for developers using SwiftUI

[cgmaier]

closing this, but please reopen if you have ideas for how we can assist here further!

[cerupcat]

@cgmaier @ALexanderLonsky Is there any documentation for swiftUIEnabled? I've enabled it, but it doesn't seem change any behavior from what I can tell. How are we supposed to use/display GiphyViewController with this enabled?

From what I can tell, with swiftUIEnabled it has all the same issues. The background is still white and it's not possible to swipe down to dismiss. The only thing this flag seems to fix is some weird behavior on the search bar.

[ALexanderLonsky]

hey @cerupcat, I apologize for the late response.
Hopefully, you will find this code snippet useful:

struct GiphyPicker: UIViewControllerRepresentable {
    func makeUIViewController(context: UIViewControllerRepresentableContext<GiphyPicker>) -> GiphyViewController {
        
        Giphy.configure(apiKey: apiKey)
     
        let giphy = GiphyViewController()
        GiphyViewController.trayHeightMultiplier = 1.0
        giphy.swiftUIEnabled = true
        giphy.shouldLocalizeSearch = true
        giphy.dimBackground = true
        giphy.modalPresentationStyle = .currentContext
        
        
        return giphy
    }
    
    func updateUIViewController(_ uiViewController: GiphyViewController, context: UIViewControllerRepresentableContext<GiphyPicker>) {
    }
}

struct ContentView: View {
    @State private var showingDialog = false
    
    var body: some View {
        Button("Show Giphy Dialog") {
            showingDialog.toggle()
        }
        .padding()
        .sheet(isPresented: $showingDialog, content: {
            GiphyPicker()
        })
        
    }
}

The following is a demonstration: