TWA android border top navigation

Question

how I can to remove this line?

I use this project https://github.com/GoogleChromeLabs/svgomg-twa

Answer 1

That is the the navigation bar divided and you can control its colour.

Using Bubblewrap

When using Bubblewrap (recommended), you can change the colour by updating the navigationDividerColor and navigationDividerColorDar in twa-manifest.json.

In AndroidManifest.xml

When building the application yourself and using the default LauncherActivity, you can get setting the correct meta-tags as part of the Activity definition in AndroidManifest.xml:

<meta-data
    android:name="androix.browser.trusted.NAVIGATION_BAR_DIVIDER_COLOR" 
    android:resource="@color/navigationDividerColor" />

<meta-data 
    android:name="androix.browser.trusted.NAVIGATION_BAR_DIVIDER_COLOR_DARK"
    android:resource="@color/navigationDividerColorDark" />

PS: the https://github.com/GoogleChromeLabs/svgomg-twa demo has been deprecated.