schildichat-android/vector/src/main/res/layout/composer_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <androidx.constraintlayout.widget.ConstraintLayout
        android:id="@+id/related_message_group"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:visibility="gone"
        tools:visibility="visible">

        <View
            android:id="@+id/related_message_background"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:background="?colorSurface"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintBottom_toBottomOf="@id/composer_preview_barrier"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent" />

        <View
            android:id="@+id/related_message_background_top_separator"
            android:layout_width="0dp"
            android:layout_height="1dp"
            android:background="?vctr_list_separator"
            app:layout_constraintEnd_toEndOf="@id/related_message_background"
            app:layout_constraintStart_toStartOf="@id/related_message_background"
            app:layout_constraintTop_toTopOf="@id/related_message_background" />

        <ImageView
            android:id="@+id/composerRelatedMessageAvatar"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_marginStart="8dp"
            android:layout_marginTop="8dp"
            android:layout_marginBottom="8dp"
            android:importantForAccessibility="no"
            app:layout_constraintBottom_toTopOf="@id/composerRelatedMessageActionIcon"
            app:layout_constraintEnd_toStartOf="@id/composerRelatedMessageTitle"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="@id/composerRelatedMessageTitle"
            tools:src="@sample/user_round_avatars" />

        <TextView
            android:id="@+id/composerRelatedMessageTitle"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_margin="8dp"
            android:textStyle="bold"
            app:layout_constraintEnd_toStartOf="@id/composerRelatedMessageCloseButton"
            app:layout_constraintStart_toEndOf="@id/composerRelatedMessageAvatar"
            app:layout_constraintTop_toTopOf="parent"
            tools:text="@tools:sample/first_names" />

        <TextView
            android:id="@+id/composerRelatedMessageContent"
            style="@style/Widget.Vector.TextView.Body"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:ellipsize="end"
            android:maxLines="2"
            android:textColor="?vctr_message_text_color"
            app:layout_constrainedHeight="true"
            app:layout_constraintEnd_toEndOf="@id/composerRelatedMessageTitle"
            app:layout_constraintStart_toStartOf="@id/composerRelatedMessageTitle"
            app:layout_constraintTop_toBottomOf="@id/composerRelatedMessageImage"
            tools:text="@tools:sample/lorem/random"  />

        <ImageView
            android:id="@+id/composerRelatedMessageActionIcon"
            android:layout_width="10dp"
            android:layout_height="10dp"
            android:layout_marginTop="6dp"
            android:layout_marginBottom="38dp"
            android:alpha="1"
            android:importantForAccessibility="no"
            android:visibility="visible"
            app:layout_constraintEnd_toEndOf="@id/composerRelatedMessageAvatar"
            app:layout_constraintStart_toStartOf="@id/composerRelatedMessageAvatar"
            app:layout_constraintTop_toBottomOf="@id/composerRelatedMessageAvatar"
            app:tint="?vctr_content_primary"
            tools:ignore="MissingPrefix"
            tools:src="@drawable/ic_edit" />

        <ImageView
            android:id="@+id/composerRelatedMessageImage"
            android:layout_width="100dp"
            android:layout_height="66dp"
            android:layout_marginTop="6dp"
            android:importantForAccessibility="no"
            android:scaleType="centerCrop"
            android:visibility="gone"
            app:layout_constraintStart_toStartOf="@id/composerRelatedMessageTitle"
            app:layout_constraintTop_toBottomOf="@id/composerRelatedMessageTitle"
            tools:ignore="MissingPrefix"
            tools:src="@tools:sample/backgrounds/scenic"
            tools:visibility="visible" />

        <ImageButton
            android:id="@+id/composerRelatedMessageCloseButton"
            android:layout_width="48dp"
            android:layout_height="48dp"
            android:background="?android:attr/selectableItemBackground"
            android:contentDescription="@string/action_cancel"
            android:src="@drawable/ic_close_round"
            app:layout_constraintBottom_toBottomOf="@id/composer_preview_barrier"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            app:tint="?colorError"
            tools:ignore="MissingPrefix" />

        <androidx.constraintlayout.widget.Barrier
            android:id="@+id/composer_preview_barrier"
            android:layout_width="0dp"
            android:layout_height="0dp"
            app:barrierDirection="bottom"
            app:barrierMargin="8dp"
            app:constraint_referenced_ids="composerRelatedMessageContent,composerRelatedMessageActionIcon"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent" />

    </androidx.constraintlayout.widget.ConstraintLayout>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <ImageButton
            android:id="@+id/attachmentButton"
            android:layout_width="@dimen/composer_attachment_size"
            android:layout_height="@dimen/composer_attachment_size"
            android:layout_margin="@dimen/composer_attachment_margin"
            android:background="?android:attr/selectableItemBackground"
            android:contentDescription="@string/option_send_files"
            android:src="@drawable/ic_attachment"
            app:layout_constraintBottom_toBottomOf="@id/sendButton"
            app:layout_constraintEnd_toStartOf="@id/composerEditTextOuterBorder"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="@id/sendButton"
            app:layout_goneMarginBottom="57dp"
            tools:ignore="MissingPrefix" />

        <FrameLayout
            android:id="@+id/composerEditTextOuterBorder"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:layout_marginTop="8dp"
            android:layout_marginBottom="8dp"
            android:background="@drawable/bg_composer_edit_text"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toStartOf="@id/sendButton"
            app:layout_constraintStart_toEndOf="@id/attachmentButton"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_goneMarginEnd="12dp" />

        <im.vector.app.features.home.room.detail.composer.ComposerEditText
            android:id="@+id/composerEditText"
            style="@style/Widget.Vector.EditText.Composer"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:hint="@string/room_message_placeholder"
            android:nextFocusLeft="@id/composerEditText"
            android:nextFocusUp="@id/composerEditText"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toStartOf="@id/composerEmojiButton"
            app:layout_constraintStart_toStartOf="@id/composerEditTextOuterBorder"
            app:layout_constraintTop_toTopOf="parent"
            tools:text="@tools:sample/lorem/random" />

        <ImageButton
            android:id="@+id/composerEmojiButton"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:layout_margin="1dp"
            android:background="?android:attr/selectableItemBackground"
            android:contentDescription="@string/a11y_open_emoji_picker"
            android:src="@drawable/ic_insert_emoji"
            android:visibility="invisible"
            app:layout_constraintBottom_toBottomOf="@id/attachmentButton"
            app:layout_constraintEnd_toEndOf="@id/composerEditTextOuterBorder"
            app:layout_constraintStart_toEndOf="@id/composerEditText"
            app:layout_constraintTop_toTopOf="@id/attachmentButton"
            app:layout_goneMarginEnd="8dp"
            app:tint="?vctr_content_quaternary"
            tools:ignore="MissingPrefix"
            tools:visibility="visible" />

        <ImageButton
            android:id="@+id/sendButton"
            android:layout_width="56dp"
            android:layout_height="@dimen/composer_min_height"
            android:layout_marginEnd="2dp"
            android:background="@drawable/bg_send"
            android:contentDescription="@string/action_send"
            android:scaleType="center"
            android:src="@drawable/ic_send"
            android:visibility="invisible"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            tools:ignore="MissingPrefix"
            tools:visibility="visible" />

    </androidx.constraintlayout.widget.ConstraintLayout>

</LinearLayout>