BottomSheet is not responds to background component once it is opened in react-native - reactjs

I am new to React-native currently trying to use Gorhom Bottom Sheet
my initial snap point is
snapPoints={[scaleHeight(350), scaleHeight(600)]}
so it is always open but the component which is in the background of bottom is not pressable and also when I navigate to other pages the bottom sheet remains opened in react native. Please help to resolve this.

Related

React Bootstrap Carousel issue: While sliding the image breaks and shows a blank background

While sliding the image breaks and shows a black background where as it should slide-out/In along with the the next/prev image and there should not be any space between slides
Even copied it from bootstrap website and imported to react in a new component but still the issue persists
Even copied it from bootstrap website and imported to react in a new component but still the issue persists

React Native Export Whole Content of Scroll View into PDF

I am currently working on a react-native project and I am facing the following problem:
I have a ScrollView with dynamic size. I would like to be able to export the content of the ScrollView into a PDF on click of a button. It is like creating a screenshot that scrolls through my whole view before saving the image into a pdf. How can I achieve that ?
I know that there is a component called "react-pdf" that I can use to render my own pdf. Is this the way to go ?
I have also seen that there is a component called "react-native-view-shot" which takes a picture of a view. But in my case it is a ScrollView so I don't think that it will work

Custom animation react navigation bottom tab navigator

I created a shrink animation with Stack Navigator, on snack, https://snack.expo.io/hvv8URsmp , but I haven't been able to replicate it with createBottomTabNavigator.
I saw some github threads that say it's not supported in the same way Stack Navigator is, with this link showing how to do it manually with Animated https://github.com/brentvatne/animated-bottom-navigation-example/blob/master/createAnimatedBottomTabNavigator.js.
While it seems to work, I would love it if I could separate the animation code out into my navigator file, as shown in the snack, rather than be hardcoded into my screen component like in the second link.
Is there a way to migrate the code that I already have working for the stack navigator into an existing bottomTabNavigator?

react navigation sidebar close issue when quickly click menu

I'm using react navigation (sidebar) in react native project, but when I click quickly on sidebar menu sidebar doesn't close but background scene is changing. In this way I'm navigating to scene. Even the same issue found on kitchen sink app https://nativebase.io/kitchen-sink-app as the I'm following same.
this.props.navigation.navigate(route);

I'm using an Image component (with an external source) in React Native on iOS and the image is disappearing when the app is resumed?

To reiterate, I'm using React Native with iOS.
I'm using an Image component that has the source set to an external GIF image (from Giphy). This is working perfectly fine. However, when you press the home button on the device and then go back into the app to resume it, the image component is blank. The other text elements retain their data just fine.
Is there a way to keep the image set when the app is resumed? Or an event that happens when the app is resumed, so I can manually set the source again?
I have this issue too. It seems like a react native bug. I just using animation instead of gif to solve this issue.

Resources