Learn how you can add a splash screen to your Trusted Web Activity (TWA) with Android’s FileProvider.
Trusted Web Activities (TWA) are a new way to integrate your web-app content such as your PWA with your Android app using a protocol based on Custom Tabs.
⚠️ This method is NOT production ready, and it only works on Chrome 75+. You have been warned!️ ️️⚠️
Add your app logo to the drawable folder (using Asset Studio). In this case, I set the logo size to 96dp and named it
Create a new XML file in the XML resources folder. In this case, I’m calling it
Then, add the following code to the XML file you just created:
AndroidManifest.xml file by adding a new
Make sure you are using the latest build of Chrome Tabs Client (or at least build 3679335).
Check the latest build here: https://chromium.googlesource.com/custom-tabs-client/+log
You can update the library in the
Now you should see your app logo showing in the splash screen. Yay!
CSS Tricks has an awesome article about how you can implement Trusted Web Activity to your Progressive Web App, you can learn more here:
Note: This method is based on the doc from the custom-tabs-client library: