Make android splash screen image cover the screen

I build my app with expo react native, how can I make my splash screen image cover the screen on app launch, so that the white space above and below did not show:

see Image below

wt

See code below splashscreen.xml

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
  <item android:drawable="@color/splashscreen_background"/>
</layer-list>

I will appreciate if you help edit splashscreen.xml code for the answer thanks.

Hi! You can use and set the backgroundColor property in the app.json file of your Expo project. Setting this property’s value to the color of the splash screen image, the white border will no longer get displayed. You can read more about how this works in this documentation: Create a Splash Screen - Expo Documentation

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.