react-native android: How to change the color of ListView "end of scroll" animation?

Question

How can I change the color of the animation?

Answer 1

The color is based on your accentColor in your AppTheme.

To change it, change your AppTheme (generally in res/values/styles.xml) to:

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">#F00</item>   <-- change to color
    <!-- Status Bar color -->
    <item name="colorPrimaryDark">#000</item>
    <!-- Details color -->
    <item name="colorAccent">#000</item>
</style>

Beware it's an global app change, every scrollview bounce animation will have this color.

Answer 2

To change only the overflow animation color, use android:colorEdgeEffect. Otherwise it will be inherited from the colorPrimary in AppTheme.

The accepted answer should be changed to specify colorPrimary instead of colorAccent.

See answer here: android lollipop scrollview edge effect color