Gradient support for the background

[Definence]

Hi, there.
Can you please add gradient support for the background? It would be very helpful. Thanks

[ArthurAssuncao]

You can use customComponent and height/width 100%. Example below:

In app.jsx

import { heightPercentageToDP, widthPercentageToDP } from 'react-native-responsive-screen';

<AnimatedSplash
        translucent={true}
        isLoaded={isLoaded}
        backgroundColor={#f0f0f0}
        logoHeight={heightPercentageToDP(100)}
        logoWidth={widthPercentageToDP(100)}
        customComponent={<SplashScreenLogo />}>
    <App />
</AnimatedSplash>

In SplashScreenLogo.jsx

import LinearGradient from 'react-native-linear-gradient';

<LinearGradient>
      <View
        style={styles.container}
        {...props}>
        <Image
          accessibilityIgnoresInvertColors={false}
          source={require('../../assets/images/icon-white.png')}
          style={styles.logo}
        />
      </View>
</LinearGradient>