Android FlexboxLayout长文本无故换行UI错乱问题求助

这个问题我做Android布局时也碰到过，核心原因是FlexboxLayout的宽度设置和子View的布局属性没搭配好，导致长文本触发了不必要的换行，咱们一步步来修复：

1. 给FlexboxLayout足够的宽度空间 #

当前你的FlexboxLayout用的是android:layout_width="wrap_content"，这会让它的宽度仅包裹内部内容，当父LinearLayout的剩余空间不足以容纳长文本时，Flexbox就会强制换行。把宽度改成match_parent，让它占据父布局的剩余所有宽度，给内部文本足够的展示空间：

<com.google.android.flexbox.FlexboxLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginStart="14dp"
    app:flexWrap="wrap">

2. 控制任务名称的单行显示（按需选择） #

如果希望任务名称即使很长，也和前面的“completed”保持在同一行（超出部分用省略号代替），给changed_activity_task_name添加以下属性：

<TextView
    android:id="@+id/changed_activity_task_name"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginStart="5dp"
    android:layout_marginTop="5dp"
    android:ellipsize="end"
    android:maxLines="1"
    android:textSize="16sp"
    android:textStyle="bold"
    tools:text="Buy 2 bottles of dish soap which is a very long task name that should not wrap unnecessarily" />

这里android:maxLines="1"强制文本单行显示，android:ellipsize="end"让超出部分用省略号代替，彻底避免无故换行导致的UI错乱。

3. 检查layout_wrapBefore属性（可选） #

你给changed_activity_username、changed_activity_group_name设置了app:layout_wrapBefore="true"，这个属性会强制该View在新的一行开始。如果这些元素的换行符合你的需求就保留，要是发现布局还是有异常，可以检查这个属性是否是意外换行的诱因。

调整后，FlexboxLayout有了足够的宽度来排列内部元素，任务名称的单行设置也能保持布局整齐，就不会出现长文本无故换行的问题了。

内容的提问来源于stack exchange，提问作者Alon Shlider