Android布局设计在手机上看起来有所不同

Question

上图是使用Pixel 2 XL在设计预览中应用程序的图片。

上图是在Pixel 2 XL上运行的应用程序的图片。

缺少搜索栏和“转到”按钮。我不知道为什么它在手机上运行时不会显示。

代码：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".TimerController">
    <SeekBar
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:id="@+id/timerSeekBar2"
        android:layout_alignParentTop="true"
        android:layout_alignParentStart="true"
        android:layout_alignParentLeft="true"
        android:indeterminate="false" />

    <ImageView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:id="@+id/imageView"
        android:layout_below="@+id/timerSeekBar2"
        android:layout_alignParentStart="true"
        android:layout_alignParentLeft="true"
        android:src="@drawable/egg" />

    <TextView
        android:id="@+id/timerTextView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/imageView"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="165dp"
        android:text="0:30"
        android:textSize="70sp" />

    <Button
        android:id="@+id/controllerButton2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/imageView"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="70dp"
        android:onClick="onClick"
        android:text="Go!" />
</RelativeLayout>