Green border around flutter app - android

[Solved] Green border around flutter app – android

While I was playing around with Google’s new UI toolkit flutter. I found a weird thing with the app when I ran it in android version 8. A green border surrounding the whole app.

I was using a phone with android version 7 while debugging the app where it did not exhibit the problem. I searched on the internet and found noting for a while. After long searching I found a discussion on flutter Github page where the solution was given.

Here’s the link if you like to have a look: https://github.com/flutter/flutter/issues/16810

The solution given was to add following line to style.xml file

<item name="android:defaultFocusHighlightEnabled">false</item>

After adding above line my style.xml file looked like this

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="LaunchTheme" parent="@android:style/Theme.Black.NoTitleBar">
        <!-- Show a splash screen on the activity. Automatically removed when
             Flutter draws its first frame -->
        <item name="android:windowBackground">@drawable/launch_background</item>
        <item name="android:defaultFocusHighlightEnabled">false</item>
    </style>
</resources>

Leave a Reply

Your email address will not be published. Required fields are marked *