Search code examples
react-nativeios13react-native-flatlistios-darkmodeactivity-indicator

React Native FlatList Loading Indicator not showing on light mode (iOS 13)


I noticed that when my phone is set to light mode, the loading indicator is so faint that it seems like its missing, but when switched to dark mode its clearly visible. In my specific case I am using a FlatList and have a refresh method that enables the pull to refresh functionality. I want to change the color of the loading indicator to a set color (lets say black in this case) and ignore the global theme color.

Working (Dark Mode)

Not Working (Light Mode)

Thank you!


Solution

  • Instead of letting the OS choose the color based on dark/light mode, React Native's ActivityIndicator has a color prop that you should check out. Maybe something like:

    <ActivityIndicator color="#666" />