React native maps mapView maxZoomLevel unexpected behavior - react-native

I'm setting MapView maxZoomLevel to 15. When component renders map in iOS zooms in 20 and then zooms out 15. And every time component re-renders it's doing the same.

Related

When I am scrolling to down in React native screen getting crash in android 12 alone

In android 12 I have an flatlist component inside parent component and the flatlist has 4 to 5 data so it we need to view by scrolling the last item when I am scrolling to the last it was crashing in android 12 alone

React Native Android focus on TextInput inside Flatlist's sticky ListHeaderComponent makes list scroll position snap to y = 0

When running on Android, after scrolling the Flatlist and getting its content below the fixed ListHeaderComponent, when focusing the TextInput that lives inside the given header, the screen flickers and the list snaps back to scroll position y = 0.
On iOS everything runs as supposed.
Steps to reproduce:
Using the snack below, on Android, scroll the list and focus the input in the header, notice that the list snaps to new scroll position where y = 0.
Snack, code example, screenshot, or link to a repository: snack
FlatList have the same props as ScrollView and on Android when you focus on the input the ScrollView scroll to the input which in your case it's the first element.
You can avoid that in IOS but on Android, unfortunately, there's still no way to archive it, I prefer you move the view of the header out from the FlatList if it's a requirement or you can keep it the way it's.

How to swipe a FlatList inside a Touchable in react-native

I wanted to ask how can one swipe a horizontal FlatList nested as a first child of a TouchableOpacity? Every time i try to swipe i just activates the TouchableOpacity's onPress.
Happens in both android and ios.
version 0.61.5 of RN

React native reanimated

I am trying to create a toggle player animation in react native, the same like Spotify, where when you press the miniPlayer , the full size player will show, my problem is that the fullSize Player View is transparent, and I can't seem to get the background of that view to render the proper color.
I created a snack since the original Project is huge and to better understand the issue:
https://snack.expo.io/#git/github.com/oflarcade/MPlayer
MiniPlayer
Full Size Player

Detecting zoom event in ScrollView for React Native

I would like to implement pinch zoom functionality for the image view in React Native.
I'm starting by wrapping an element in a element. I would like to detect the zoom event and then scale the image accordingly.
How do I get the zoom event?
If an Image is wrapped by ScrollView, when ScrollView zooms, the Image will zoom too.
And the 'onScroll' function of the ScrollView will detect the zoom event too.