Why my layout view is very very different when running on device with Android Studio

Question

This is my design on Android studio [1]: https://i.stack.imgur.com/oVauV.jpg But when running on device android using Xiaomi M2006C3MG. My design like this
[2]: https: