如何将 Flow 小部件在 ConstraintLayout 中居中？

Question

我目前面临将

Flow

小部件置于

ConstraintLayout

中居中的问题。

Flow

小部件包含两个子

TextView

元素，我希望整个

Flow

在

ConstraintLayout

内水平和垂直居中。尽管使用了约束，该小部件似乎并未按预期居中。我尝试调整约束和属性，但问题仍然存在。任何人都可以提供有关如何在

Flow

中正确居中

ConstraintLayout

小部件的见解或建议吗？

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:orientation="horizontal"
    app:layout_constraintTop_toBottomOf="@+id/et_password">

    <TextView
        android:id="@+id/tv_submit"
        android:layout_width="150dp"
        android:layout_height="wrap_content"
        android:layout_margin="20dp"
        android:layout_marginTop="@dimen/_50dp"
        android:background="@drawable/round_purple_corner"
        android:fontFamily="@font/inter_regular"
        android:gravity="center"
        android:padding="15dp"
        android:paddingHorizontal="@dimen/_10dp"
        android:text="Update"
        android:textColor="@color/white"
        android:textSize="16sp" />

    <TextView
        android:id="@+id/tv_cancel"
        android:layout_width="150dp"
        android:layout_height="wrap_content"
        android:layout_margin="20dp"
        android:layout_marginTop="@dimen/_50dp"
        android:background="@drawable/round_black_corner"
        android:fontFamily="@font/inter_regular"
        android:gravity="center"
        android:padding="15dp"
        android:paddingHorizontal="@dimen/_10dp"
        android:text="My Sales"
        android:textColor="@color/white"
        android:textSize="@dimen/_16sp" />

</LinearLayout>

Answer 1

        <androidx.constraintlayout.widget.ConstraintLayout
            android:id="@+id/cl_ac_re"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="@dimen/_20dp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/cd_otheritem">

            <androidx.constraintlayout.helper.widget.Flow
                android:id="@+id/flow"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                app:constraint_referenced_ids="text_view_accept,text_view_reject"
                app:flow_horizontalGap="@dimen/_10dp"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent" />

            <TextView
                android:id="@+id/text_view_accept"
                android:layout_width="150dp"
                android:layout_height="35dp"
                android:layout_marginHorizontal="@dimen/_10dp"
                android:layout_marginTop="@dimen/_5dp"
                android:background="@drawable/shape_rounded_10"
                android:fontFamily="@font/inter_regular"
                android:gravity="center"
                android:paddingVertical="@dimen/_10dp"
                android:text="@string/accept"
                android:textColor="@android:color/white"
                android:textSize="@dimen/_12sp" />

            <TextView
                android:id="@+id/text_view_reject"
                android:layout_width="150dp"
                android:layout_height="35dp"
                android:layout_marginHorizontal="@dimen/_10dp"
                android:layout_marginTop="@dimen/_5dp"
                android:background="@drawable/shape_rounded_10"
                android:backgroundTint="@color/_393F48"
                android:fontFamily="@font/inter_regular"
                android:gravity="center"
                android:text="@string/reject"
                android:textColor="@android:color/white"
                android:textSize="@dimen/_12sp" />

        </androidx.constraintlayout.widget.ConstraintLayout>