comaps/android/app/src/main/res/layout/layout_nav_top.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  xmlns:tools="http://schemas.android.com/tools"
  android:id="@+id/nav_top_frame"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  tools:background="#20FF0000"
  tools:showIn="@layout/layout_nav">
  <FrameLayout
    android:layout_width="match_parent"
    android:id="@+id/statutbar"
    android:layout_height="25dp"
    app:layout_constraintTop_toTopOf="parent" />
  <com.google.android.material.card.MaterialCardView
    android:id="@+id/street_frame"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="@dimen/margin_half_plus"
    android:layout_marginStart="@dimen/nav_street_left"
    android:layout_marginEnd="@dimen/margin_quarter"
    app:cardCornerRadius="8dp"
    android:elevation="@dimen/nav_elevation"
    app:layout_constraintTop_toBottomOf="@+id/statutbar"
    android:clickable="true"
    app:cardBackgroundColor="?colorSecondary">
    <RelativeLayout
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:minHeight="60dp"
      tools:ignore="UselessParent">
      <com.google.android.material.textview.MaterialTextView
        android:id="@+id/street"
        style="@style/MwmWidget.TextView.NavStreet"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:maxLines="2"
        android:minHeight="60dp"
        android:layout_gravity="center_vertical"
        android:gravity="center"
        android:textColor="?android:textColorPrimaryInverse"
        tools:text="Sample street name.\nLong looooooooong!!!!"/>
    </RelativeLayout>
  </com.google.android.material.card.MaterialCardView>

  <RelativeLayout
    android:id="@+id/nav_next_turn_container"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:layout_constraintEnd_toStartOf="@+id/street_frame"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/statutbar"
    android:layout_marginStart="@dimen/margin_half"
    android:layout_marginTop="@dimen/margin_half_plus"
    android:clickable="true"
    android:elevation="@dimen/nav_elevation">
    <LinearLayout
      android:id="@+id/nav_next_turn_frame"
      android:layout_width="@dimen/nav_next_turn_frame"
      android:layout_height="wrap_content"
      android:layout_marginBottom="@dimen/margin_half"
      android:layout_marginEnd="@dimen/margin_half"
      android:orientation="vertical"
      android:background="?navNextTurnFrame"
      android:elevation="@dimen/nav_elevation">
      <FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/nav_next_turn_top"
        android:layout_marginBottom="@dimen/nav_next_turn_space"
        android:layout_gravity="center_horizontal">
        <app.organicmaps.widget.ArrowView
          android:id="@+id/turn"
          android:theme="?navigationTheme"
          android:layout_width="@dimen/nav_next_turn_sign"
          android:layout_height="@dimen/nav_next_turn_sign"
          app:tint="?iconTint"
          tools:background="#400000FF"/>

        <com.google.android.material.textview.MaterialTextView
          android:id="@+id/circle_exit"
          style="@style/MwmWidget.TextView.NavNextTurn.Exit"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_gravity="center"
          tools:text="9"/>
      </FrameLayout>

      <com.google.android.material.textview.MaterialTextView
        android:id="@+id/distance"
        style="@style/MwmWidget.TextView.NavNextTurn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="@dimen/nav_next_turn_bottom"
        android:layout_gravity="center_horizontal"
        android:gravity="center_horizontal"
        tools:text="9999 ft"/>
    </LinearLayout>

    <FrameLayout
      android:id="@+id/nav_next_next_turn_frame"
      android:layout_width="wrap_content"
      android:layout_height="@dimen/nav_next_next_turn_frame"
      android:layout_marginBottom="@dimen/margin_base"
      android:layout_below="@id/nav_next_turn_frame"
      android:layout_alignStart="@id/nav_next_turn_frame"
      android:layout_alignEnd="@id/nav_next_turn_frame"
      android:background="?navNextNextTurnFrame"
      android:elevation="@dimen/nav_elevation"
      android:visibility="invisible"
      tools:visibility="visible">
      <com.google.android.material.imageview.ShapeableImageView
        android:id="@id/turn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        app:tint="?iconTint"
        tools:src="@drawable/ic_then_left_sharp"/>
    </FrameLayout>
  </RelativeLayout>

  <app.organicmaps.widget.LanesView
      android:id="@+id/lanes"
      android:layout_width="0dp"
      android:layout_height="68dp"
      android:layout_marginEnd="@dimen/margin_half"
      android:layout_marginTop="@dimen/margin_quarter"
      android:padding="@dimen/margin_half"
      android:visibility="gone"
      app:layout_constraintEnd_toEndOf="parent"
      app:layout_constraintStart_toEndOf="@id/nav_next_turn_container"
      app:layout_constraintTop_toBottomOf="@id/street_frame"
      app:lanesActiveLaneTintColor="?navLaneArrowActiveColor"
      app:lanesInactiveLaneTintColor="?navLaneArrowInactiveColor"
      app:lanesBackgroundColor="?navLanesBackgroundColor"
      app:lanesCornerRadius="@dimen/margin_quarter"
      app:lanesEditModeLanesCount="5"
      tools:visibility="visible" />

  <app.organicmaps.widget.CurrentSpeedView
      android:id="@+id/nav_current_speed"
      style="@style/MwmWidget.CurrentSpeed"
      android:layout_width="60dp"
      android:layout_height="60dp"
      android:layout_margin="@dimen/margin_half"
      app:layout_constraintEnd_toEndOf="@id/nav_next_turn_container"
      app:layout_constraintStart_toStartOf="@id/nav_next_turn_container"
      app:layout_constraintTop_toBottomOf="@id/nav_next_turn_container"/>

  <app.organicmaps.widget.SpeedLimitView
    android:id="@+id/nav_speed_limit"
    style="@style/MwmWidget.SpeedLimit"
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:layout_margin="@dimen/margin_half"
    app:layout_constraintEnd_toEndOf="@id/nav_next_turn_container"
    app:layout_constraintStart_toStartOf="@id/nav_next_turn_container"
    app:layout_constraintTop_toBottomOf="@id/nav_current_speed"
    android:translationY="-23dp"
    android:translationX="-23dp"
    android:translationZ="1dp"/>
</androidx.constraintlayout.widget.ConstraintLayout>