about ScrollView on ios 13 . scroll bar will be center sometimes for ios 13 and can move to phone left

[KarenQiao]

"react": "16.8.3",
"react-native": "0.59.9",
Platforms: iOS 13.0,

[react-native-bot]

Thanks for submitting your issue. Can you take another look at your description and make sure the issue template has been filled in its entirety?

👉 Click here if you want to take another look at the Bug Report issue template.

[KarenQiao]

System:
OS: macOS 10.14.5
CPU: (4) x64 Intel(R) Core(TM) m3-7Y32 CPU @ 1.10GHz
Memory: 43.45 MB / 8.00 GB
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 10.13.0 - /usr/local/bin/node
Yarn: 1.16.0 - /usr/local/bin/yarn
npm: 6.4.1 - /usr/local/bin/npm
SDKs:
iOS SDK:
Platforms: iOS 13.0, DriverKit 19.0, macOS 10.15, tvOS 13.0, watchOS 6.0
Android SDK:
API Levels: 23, 26, 27, 28
Build Tools: 27.0.3, 28.0.3
System Images: android-26 | Google APIs Intel x86 Atom, android-28 | Google Play Intel x86 Atom
IDEs:
Android Studio: 3.4 AI-183.6156.11.34.5522156
Xcode: 11.0/11A420a - /usr/bin/xcodebuild
npmPackages:
react: 16.8.3 => 16.8.3
react-native: 0.59.9 => 0.59.9
npmGlobalPackages:
react-native-cli: 2.0.1

[fahmidme]

Same issue here

[amsdamsgram]

Hey, I have the same issue with FlatList component.

[cernadasjuan]

Same issue here

[losh11]

I'm actually experiencing this with react-native-webview from react-native-community... didn't know it affected more than just the webview.

[edo1493]

I can see the same on react-native 0.60.5 with SectionList.

[fahmidme]

I don't know if this happened with anyone else or is that related but incase anyone experienced it: I saw my custom contact list for a second and then it changed to something like this with the scroll bar in the middle and then the thing disappeared.

[moughxyz]

This appears to have something to do with SafeAreaView's forceInset property, at least in my case. Removing that property causes this issue to not appear anymore.

Changing <SafeAreaView forceInset={{ bottom: 'never'}}> to <SafeAreaView forceInset={{ bottom: 'never', vertical: 'never'}}> also fixed the issue for me.

Possibly related: #16997

[sbycrosz]

We can reproduce this on 59.10 on a ScrollView with contentContainerStyle={[{ paddingBottom: 60 ]} prop.

We're not sure why but removing the prop, or navigating to another page and back fix the scroll indicator somehow.