FlatList's onEndReached is being called without reaching end of the list - react-native

As soon as list is rendered onEndReached is being called without even scrolling the list. Initially 40 records are rendering and according to my tab device height I am able to see 17 records at a time. That means still there are 23 records to scroll.
I have followed this Git solution. But that didn't work for me.
Note: this problem is occurring only in iOS Tablet. In android Mobile, Tablet and in iOS mobile working fine.
Could anybody let me know the solution to prevent this behaviour? Thanks.

Related

Animation lags with inverted Flatlist (Expo / TypeScript)

I was trying to implement a WhatsApp like cancelling recording button.
Everything was working fine, all animations lauching correctly, start and stop recording too.
But after a few seconds (could be 10 seconds or 1 minute) pressing the gesture handler, the app freeze, all animations start to lags and FPS drop to 0.
After trying many things, I found out that it is linked with a Flatlist I have in my view. When this Flatlist is inverted, that is when everything crash.
Here is the link of the Snack https://snack.expo.dev/#mikelh997/animationtest
Just try to move the mic for at least 30 seconds on a physical device and you will see the app freeze
I am doing my tests on Android emulator and on Samsung S21 Ultra. On iOS everything seems to work fine
Thinking it was may be my packages version, I started a new project and put inside my view only a Flatlist with text items and my PanGestureHandler. All packages are up to date, even though the behavior is the same. If I remove "inverted" from my Flatlist, everything work fine.
I also tried to use Animated.Flatlist but no change (actually it's worse because inverted in Animated.Flatlist is not working correctly)
I also tried to reproduce it on Snack Expo, on my phone it crashes.
I noticed also that it is not linked to PanGestureHandler or Reanimated, because if I just create an animation with React Animated (with Animated.timing), and loop it, it does the same.
Edit : it seems like it is happening only on Android 13
After research, it is linked to Android 13, more and more people are facing this issue.
Only solution I found on Github was here, it is the only way to make it worked while waiting for a fix
style={{transform: [{rotate: '180deg'}]}} seems to be the best workaround for the time being.

Unknown and empty white page suddenly appears from bottom while typing

A lot of iOS users (mainly iOS 15, but iOS 14 also) started to report a strange behaviour: while they're typing in the login screen or signup screen, the app became blank.
Watching the videos provided, it seems that a white "something" (like a modal, but not a modal) comes from the bottom at any time they are writing inside text input and cover the full app, so the only thing the user can do it's to kill the app.
It's impossible for us to recreate this behaviour (both on simulator than real devices).
Any idea or any known issue?
react-native version: 0.63.4
Found:
It's a well-known bug of KeyboardAvoidingView on iOS when user enables "Prefer Cross-Fade Transitions". They just forgot to solve it or, at least, add a warn on KeyboardAvoidingView documentation.
https://github.com/facebook/react-native/issues/29974
(thank you Wilson!)

ReactNative doesn't respond to OrientationChanges

I'm trying to implement a navigation that pushes the user to a different screen when switching to landscape mode. I've tried for several hours now to implement an event listener to respond to an orientation change, which didn't work (I tried different examples from different websites).
Now, I took a full code example from here and here which also didn't work at all. (The first one just changes the text on the screen depending on the orientation, even that didn't work for me -.- )
I also tried to look into ScreenOrientation from Expo-Cli directly (expo-screen-orientation), but don't really get the documentation tbh.
I tried the orientation change on both an android emulator and my android phone (both Android 10).
Is there something I'm terribly missing here? How come that my app not respond to orientation changes?
Have you checked that the Device Orientation is not forced to Portrait in Xcode ? To check this go in Project -> General -> Device Orientation
Had the Device Orientation locked inside the app.json -.-

Famo.us browser scroll emulation does not feel natural

I am creating a site in pure Famo.us, I wanted to have 1 page with sections where the user has possibility either click on links and scroll to anchors or scroll sequentially to get to sections. I used initially famo.us scrollview, but its behavior was not was not similar to browser scroll - I tried many options. I implemented my own scroll with Scrollsync, modifier and transition but it still does not feel similar to browser scroll. But the main problem that on Laptop and Desktop PC - I need to set different scrollscale to function normally. Here is the app:
https://svet15.herokuapp.com/
Can anybody give a direction to solve the problem with syncscale and maybe how to make scroll similar to browser native scroll.
P.S. I keep mobile view separately from desktop, so window.width should be more than 500 to see the desktop view where I have this problem. Thank you in advance!

EGOPhotoViewer: gesture not working

I'm using the EGOPhotoViewer library for displaying photos in my iOS 5 App. Many of the galleries are working fine, but some of they have an issue. Please see this video on Vimeo:
http://vimeo.com/34300336.
As you can see, on the fifth image, a swipe no longer brings me to the next image. Does anybody know how to fix this issue in EGOPhotoViewer?
Please tell me if you need further information.
Inside the EGOPhotoScrollView.m I changed the property scrollEnabled to NO, which seems to work for me. But I do not know what impact this could cause.