codesanitize

I’m engaged on a React Native (Expo) app and utilizing react-native-modalfy to handle a number of modals, resembling ExerciseInfoModal, SelectExerciseModal, and RestTimeSelector. Every modal has its personal conduct, and I’m operating into a problem with gesture dealing with.
Drawback
I’d prefer to disable the fling gesture (or any dismiss gesture) particularly for ExerciseInfoModal so customers can’t swipe it down on iOS/Adnorid or dismiss it with the again button on Android. I’ve tried setting disableFlingGesture: true within the modal’s choices inside modalConfig, but it surely doesn’t appear to work—the modal can nonetheless be dismissed with a swipe. After I transfer disableFlingGesture: true to the defaultOptions, it does disable the gesture for all modals, however this messes up the UI for different modals like SelectExerciseModal, which makes use of a FlashList with scrollable content material (e.g., alignment points or unresponsive scrolling).
Objective
I need to disable the dismiss gesture just for ExerciseInfoModal whereas maintaining the opposite modals unaffected and absolutely practical.

My Present Setup
Right here’s how I’ve configured react-native-modalfy:

//Modal Configuration (modalConfig)
const modalConfig = {
  TimerModal,
  FullCalendarModal,
  RestTimeSelector: {
    modal: RestTimeSelector,
    choices: {
      disableFlingGesture: true,
    },
  },
  SelectExerciseModal,
  AddExerciseDialog,
  CustomConfirmationDialog,
  ExerciseInfoModal: {
    modal: ExerciseInfoModal,
    choices: {
      presentationStyle: "overFullScreen",
      gestureEnabled: false, // Ought to disable swipe-to-dismiss
      disableFlingGesture: true, // Ought to disable fling gesture
      onBackButtonPress: () => {}, // Ought to block Android again button
    },
  },
  SetTypeModal,
  PickerModal,
};

//Default Choices (defaultOptions):
`const defaultOptions: ModalOptions = {
  backdropOpacity: 0.6,
  place: "heart", // Fling gesture needs to be disabled by default right here
  transitionOptions: (animatedValue) => ({
    opacity: animatedValue.interpolate({
      inputRange: [0, 1, 2],
      outputRange: [0, 1, 0.9],
    }),
    remodel: [
      {
        perspective: 2000,
      },
      {
        translateY: animatedValue.interpolate({
          inputRange: [0, 1, 2],
          outputRange: [0, 0, -300],
        }),
      },
      {
        rotateX: animatedValue.interpolate({
          inputRange: [0, 1, 2],
          outputRange: ["0deg", "0deg", "90deg"],
          extrapolate: "clamp",
        }),
      },
      {
        scale: animatedValue.interpolate({
          inputRange: [0, 1, 2],
          outputRange: [0.1, 1, 0.9],
        }),
      },
    ],
  }),
  animateInConfig: {
    easing: Easing.bezier(0.42, -0.03, 0.27, 0.95),
    length: 450,
  },
  animateOutConfig: {
    easing: Easing.bezier(0.42, -0.03, 0.27, 0.95),
    length: 450,
  },
};

const stack: ModalStack = createModalStack(
  modalConfig,
  defaultOptions
);


  return (
    
      
      
      
        
      
      
    
  );

Observations:

With place: “heart” in defaultOptions, the fling gesture ought to already be disabled, however ExerciseInfoModal can nonetheless be swiped away (presumably the native swipe-to-dismiss).
Setting disableFlingGesture: true in defaultOptions works however breaks the UI for modals with scrollable content material (e.g., SelectExerciseModal).
RestTimeSelector behaves tremendous with disableFlingGesture: true, seemingly as a result of it has no scrollable content material.

What I’ve Tried

Added gestureEnabled: false to ExerciseInfoModal choices to cease swipe-to-dismiss, but it surely doesn’t take impact.
Used onBackButtonPress: () => {} to dam Android again button dismissal, however gestures nonetheless dismiss the modal.
Set disableFlingGesture: true in defaultOptions, which works however causes UI issues for different modals.

Questions

Why don’t gestureEnabled: false and disableFlingGesture: true in modalConfig work for ExerciseInfoModal?
How can I disable the dismiss gesture only for ExerciseInfoModal with out impacting different modals?
Might this be a limitation or bug in react-native-modalfy, or am I lacking a configuration element?

I’d actually respect any insights, workarounds, or options! I’m comfortable to tweak the setup or strive various approaches to make this work easily.

Extra Particulars

Library Model: react-native-modalfy v3.6.0(newest)
Platform: iOS and Android (Expo)
Associated Elements: Utilizing FlashList from @shopify/flash-list in SelectExerciseModal

Thanks upfront on your assist!

I’ve not too long ago began working with iOS and SwiftUI. I ported a easy solitaire-type sport over from Android and I’ve it principally working, however now I am attempting to implement a view that renders earlier profitable palms. I am utilizing CoreData to retailer the profitable hand values, winner’s title, rating and date. I’ve confirmed that the info is saved and fetched accurately from CoreData. I can construct a listview that reveals all of the profitable palms, and when any merchandise within the listing is clicked, the profitable knowledge string ought to be handed to the WinningHandView to render the view, with an choice to share if the person so needs. Every part works wonderful till I click on on one of many profitable scores, after which the app seems to be prefer it’s attempting to load the brand new view, however it instantly returns the app all the way in which to the ContentView (residence) display.

Right here is the Corridor Of Fame Checklist View code that populates the listing from CoreData. The CoreData question completes efficiently and populates the listing:

import SwiftUI
import CoreData


struct HOFListView: View {
    
    @FetchRequest(sortDescriptors: [SortDescriptor(.date)])
    var winners: FetchedResults
    
    
    var physique: some View {
        ZStack{
            Colour.cardTableGreen.edgesIgnoringSafeArea(.all)
            VStack {
                Textual content("Excessive Scores")
                    .font(.title)
                    .foregroundColor(.white)
                    .daring(true)
                NavigationStack {
                    Checklist(winners, id: .self) { winner in
                        NavigationLink(winner.title ?? "none", worth: winner.winningData)
                        Textual content("Rating: (winner.rating)")
                        Textual content("Date: (winner.date ?? Date())")
                        
                    }
                    .scrollContentBackground(.hidden)
                    .navigationDestination(for: String.self, vacation spot: WinningHandView.init)
                } //NavigationStack
            }
        }
    }
}

#Preview {
    HOFListView()
}

Right here is the WinningHandView, which renders the winningData worth into the varied rows/columns of playing cards. I’ve verified that this worth is being handed and parsed accurately:

import SwiftUI

struct WinningHandView: View {
    
    let winningHandDetails: String
    
    var physique: some View {
        ZStack {
            Colour.cardTableGreen.edgesIgnoringSafeArea(.all)
            let theWinningHandDetails = winningHandDetails.parts(separatedBy: "|")
            
            VStack {
                Textual content("Your profitable hand:")
                    .font(.title)
                    .foregroundColor(.white)
                    .padding()
                    .daring(true)
                HStack {
                    VStack {
                        if theWinningHandDetails.depend == 0 {
                            Picture("b1fv")
                        }
                        else {
                            Picture(theWinningHandDetails[0])
                        }
                        if theWinningHandDetails.depend == 0 {
                            Picture("b1fv")
                                .padding(.high, -70.0)
                        }
                        else {
                            Picture(theWinningHandDetails[1])
                                .padding(.high, -70.0)
                        }
                        if theWinningHandDetails.depend == 0 {
                            Picture("b1fv")
                                .padding(.high, -70.0)
                        }
                        else {
                            Picture(theWinningHandDetails[2])
                                .padding(.high, -70.0)
                        }
                        if theWinningHandDetails.depend == 0 {
                            Picture("b1fv")
                                .padding(.high, -70.0)
                        }
                        else {
                            Picture(theWinningHandDetails[3])
                                .padding(.high, -70.0)
                        }
                        if theWinningHandDetails.depend == 0 {
                            Textual content("Rating: ")
                                .foregroundColor(.white)
                                .daring(true)
                        }
                        else {
                            Textual content("Rating: (theWinningHandDetails[21])")
                                .foregroundColor(.white)
                                .daring(true)
                        }
                        
                    } //VStack

                    VStack {
                        if theWinningHandDetails.depend == 0 {
                            Picture("b1fv")
                        }
                        else {
                            Picture(theWinningHandDetails[4])
                        }
                        if theWinningHandDetails.depend == 0 {
                            Picture("b1fv")
                                .padding(.high, -70.0)
                        }
                        else {
                            Picture(theWinningHandDetails[5])
                                .padding(.high, -70.0)
                        }
                        if theWinningHandDetails.depend == 0 {
                            Picture("b1fv")
                                .padding(.high, -70.0)
                        }
                        else {
                            Picture(theWinningHandDetails[6])
                                .padding(.high, -70.0)
                        }
                        if theWinningHandDetails.depend == 0 {
                            Picture("b1fv")
                                .padding(.high, -70.0)
                        }
                        else {
                            Picture(theWinningHandDetails[7])
                                .padding(.high, -70.0)
                        }
                        if theWinningHandDetails.depend == 0 {
                            Textual content("Rating: ")
                                .foregroundColor(.white)
                                .daring(true)
                        }
                        else {
                            Textual content("Rating: (theWinningHandDetails[22])")
                                .foregroundColor(.white)
                                .daring(true)
                        }
                        
                    } //VStack
                    VStack {
                        if theWinningHandDetails.depend == 0 {
                            Picture("b1fv")
                        }
                        else {
                            Picture(theWinningHandDetails[8])
                        }
                        if theWinningHandDetails.depend == 0 {
                            Picture("b1fv")
                                .padding(.high, -70.0)
                        }
                        else {
                            Picture(theWinningHandDetails[9])
                                .padding(.high, -70.0)
                        }
                        if theWinningHandDetails.depend == 0 {
                            Picture("b1fv")
                                .padding(.high, -70.0)
                        }
                        else {
                            Picture(theWinningHandDetails[10])
                                .padding(.high, -70.0)
                        }
                        if theWinningHandDetails.depend == 0 {
                            Picture("b1fv")
                                .padding(.high, -70.0)
                        }
                        else {
                            Picture(theWinningHandDetails[11])
                                .padding(.high, -70.0)
                        }
                        if theWinningHandDetails.depend == 0 {
                            Textual content("Rating: ")
                                .foregroundColor(.white)
                                .daring(true)
                        }
                        else {
                            Textual content("Rating: (theWinningHandDetails[23])")
                                .foregroundColor(.white)
                                .daring(true)
                        }
                    } //VStack
                    VStack {
                        if theWinningHandDetails.depend == 0 {
                            Picture("b1fv")
                        }
                        else {
                            Picture(theWinningHandDetails[12])
                        }
                        if theWinningHandDetails.depend == 0 {
                            Picture("b1fv")
                                .padding(.high, -70.0)
                        }
                        else {
                            Picture(theWinningHandDetails[13])
                                .padding(.high, -70.0)
                        }
                        if theWinningHandDetails.depend == 0 {
                            Picture("b1fv")
                                .padding(.high, -70.0)
                        }
                        else {
                            Picture(theWinningHandDetails[14])
                                .padding(.high, -70.0)
                        }
                        if theWinningHandDetails.depend == 0 {
                            Picture("b1fv")
                                .padding(.high, -70.0)
                        }
                        else {
                            Picture(theWinningHandDetails[15])
                                .padding(.high, -70.0)
                        }
                        if theWinningHandDetails.depend == 0 {
                            Textual content("Rating: ")
                                .foregroundColor(.white)
                                .daring(true)
                        }
                        else {
                            Textual content("Rating: (theWinningHandDetails[24])")
                                .foregroundColor(.white)
                                .daring(true)
                        }
                        
                    } //VStack
                } //HStack
                HStack {
                    VStack {
                        if theWinningHandDetails.depend == 0 {
                            Picture("b1fv")
                                .padding()
                        }
                        else {
                            Picture(theWinningHandDetails[20])
                                .padding()
                        }
                        if theWinningHandDetails.depend == 0 {
                            Textual content("Reduce card")
                                .foregroundColor(.white)
                                .daring(true)
                                .padding(.high, -15.0)
                                
                        }
                        else {
                            if theWinningHandDetails[27] != "0" {
                                Textual content("Nibs: 2")
                                    .foregroundColor(.white)
                                    .daring(true)
                                    .padding(.high, -15.0)
                            }
                        }
                        
                    } //VStack
                } //HStack
                VStack {
                    HStack {
                        if theWinningHandDetails.depend == 0 {
                            Picture("b1fv")
                        }
                        else {
                            Picture(theWinningHandDetails[16])
                        }
                        if theWinningHandDetails.depend == 0 {
                            Picture("b1fv")
                        }
                        else {
                            Picture(theWinningHandDetails[17])
                                .padding(.main, -25.0)
                        }
                        if theWinningHandDetails.depend == 0 {
                            Picture("b1fv")
                        }
                        else {
                            Picture(theWinningHandDetails[18])
                                .padding(.main, -25.0)
                        }
                        if theWinningHandDetails.depend == 0 {
                            Picture("b1fv")
                        }
                        else {
                            Picture(theWinningHandDetails[19])
                                .padding(.main, -25.0)
                        }
                    } //HStack
                    if theWinningHandDetails.depend == 0 {
                        Textual content("Crib: ")
                            .foregroundColor(.white)
                            .daring(true)
                            .padding()
                    }
                    else {
                        Textual content("Crib: (theWinningHandDetails[25])")
                            .foregroundColor(.white)
                            .daring(true)
                            .padding()
                    }
                    
                    if theWinningHandDetails.depend == 0 {
                        Textual content("Total Rating: ")
                            .foregroundColor(.white)
                            .daring(true)
                            .font(.title)
                    }
                    else {
                        Textual content("Total Rating: (theWinningHandDetails[26])")
                            .foregroundColor(.white)
                            .daring(true)
                            .font(.title)
                    }
                    if theWinningHandDetails.depend == 0 {
                        Textual content("")
                            .foregroundColor(.white)
                            .font(.title)
                            .daring(true)
                            .padding()
                    }
                    else {
                        Button("Share", motion: {
                                        let picture = self.snapshot()
                                        let activityVC = UIActivityViewController(activityItems: [image], applicationActivities: nil)
                                        let _: Void? = UIApplication.shared.connectedScenes.map({ $0 as? UIWindowScene }).compactMap({ $0 }).first?.home windows.first?.rootViewController?.current(activityVC, animated: true, completion: nil)
                                    })
                        .padding()
                        .font(.title)
                    }
                } //VStack
            } //VStack

        } //ZStack
    }
}

extension WinningHandView {
    func snapshot(origin: CGPoint = .zero, dimension: CGSize = .zero) -> UIImage {
        let controller = UIHostingController(rootView: self)
        let view = controller.view

        let targetSize = dimension == .zero ? controller.view.intrinsicContentSize : dimension
        view?.backgroundColor = .clear
        view?.bounds = CGRect(origin: origin, dimension: targetSize)

        let renderer = UIGraphicsImageRenderer(dimension: targetSize)

        return renderer.picture { _ in
            view?.drawHierarchy(in: controller.view.bounds, afterScreenUpdates: true)
        }
    }
}

#Preview 5ofd

I’ve created dummy knowledge (which could be seen within the #Preview) and I put a short lived Nav Hyperlink in my ContentView to name this view with the dummy knowledge, and it renders completely. I am undecided why it isn’t doing so for the ListView. Any assist can be vastly appreciated!