Android Studio layout design view displays overlay after upgrading to version 3.0

Question

After updating to Android Studio v3.0, the design for all my layouts looks lower, i.e. ActionBarOverlayLayout covers the entire surface of the design, and the application does not even use the action bar.

In the manifest, the application element:

<application android:name=".MyAppName" android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:supportsRtl="true" android:theme="@style/AppTheme"> 

And AppTheme is defined in styles.xml as

 <style name="AppTheme" parent="Theme.AppCompat"> <item name="android:colorBackground">?attr/colorPrimaryDark</item> <item name="android:textColor">@color/colorWhite</item> <item name="android:itemBackground">@color/colorControlActivated</item> </style> 

Answer 1

Change Apptheme Parent Style

From:

 <style name="AppTheme" parent="Theme.AppCompat"> 

To:

 <style name="AppTheme" parent="Base.Theme.AppCompat.Light.DarkActionBar"> 

Hope this helps.