App displays perfectly on emulator but not on design preview?

Question

Edit: new image displaying rendering errors(first time asking a question, sorry if I\'ve left anything out!) I haven\'t come across a solution for this. On google there\'s only

Answer 1

Change your build file in android. I had alpha3 before.

dependencies {

.....

implementation 'com.android.support:appcompat-v7:28.0.0-alpha1'

.......

implementation 'com.android.support:design:28.0.0-alpha1'

.....

}

Answer 2

There can be many reasons causing this issue! lets see them one by one!

In android studio cache is one issue so first follow the solution 1!

SOLUTION ONE

"1: INVALIDATING CACHE AND RESTART"

As in your provided styles you are not changing any builtin theme style then this input is one clear sign that android studio is not properly responding with the design part of the project that you require to build!

So GO to FILE menu ==> Invalidate Cache and Restart and see if that works! on restart ! this should!

SOLUTION TWO

"1: Selecting the proper design render sdk option"

In the image I encircled the option to select by default it select what's more suitable but Softwares do make tiny mistakes too! so try changing the sdk version there! if you have multiple sdk platforms installed for android! This will refresh the design in the design area!

SOLUTION Three

"3: Updating the sdk from settings or Downloading most famously used Android sdk api"

go in your settings of android and open sdk manager! download any other android api for android install it completely!

SOLUTION Four

"4 Update your android studio to latest build tools and latest apis"

Go in Help Menu and press Check for updates and follow the rules!