android - Constraint Flow layout rows are getting overlapped
问题描述
ConstraintLayout version: 2.0.0-beta3
In Constraint flow Layout added views.Placed Views with match constraint, if the view height is wrap content and content height increases rows are overlapping. Here I added my code snippet
Steps:
1.Created Flow Layout
2.Created Views with width as match constraint and height as wrap content
3.flow_wrapMode="chain"
4.if I add more content to views, rows are overlapping
Code Shippet:
<androidx.constraintlayout.widget.ConstraintLayout 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">
<androidx.constraintlayout.helper.widget.Flow
android:id="@+id/flow"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
app:constraint_referenced_ids="button2,button3,button4,button5,button6,button7"
app:flow_maxElementsWrap="3"
app:flow_wrapMode="chain"
tools:ignore="MissingConstraints"></androidx.constraintlayout.helper.widget.Flow>
<Button
android:id="@+id/button2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:text="Button1 Button2 Button2 Button2 Button2 Button2 Button2"
android:background="@android:color/holo_blue_dark"
tools:ignore="MissingConstraints" />
<Button
android:id="@+id/button3"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:background="@android:color/holo_orange_dark"
android:text="Button2 Button1 Button2 Button2 Button2 Button2 Button2 Button2 Button1 Button2 Button2 Button2 Button2 Button2 Button2"
tools:ignore="MissingConstraints" />
<Button
android:id="@+id/button4"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:background="@android:color/holo_green_light"
android:text="Button3"
tools:ignore="MissingConstraints" />
<Button
android:id="@+id/button5"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:background="@android:color/holo_red_dark"
android:text="Button 1 Button 2 Button 2 Button2 Button2 Button2 Button2 ton2 Button2 Button2 Button2 Button2 Button2 Button1 Button2 Button2 Button2 Button2 Button2 Button2"
tools:ignore="MissingConstraints" />
<Button
android:id="@+id/button6"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:background="@android:color/holo_orange_light"
android:text="Button2 ton2 Button2 Button2 Button2 Button2 Button2 Button1 Button2 Button2 Button2 Button2 Button2 Button2 ton2 Button2 Button2 Button2 Button2 Button2 Button1 Button2 Button2 Button2 Button2 Button2 Button2"
tools:ignore="MissingConstraints" />
<Button
android:id="@+id/button7"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:background="@android:color/holo_purple"
android:text="Button3 Button1 Button2 Button2 Button2 Button2 Button2 Button2 Button1 Button2 Button2 Button2 Button2 Button2 Button2 Button1 Button2 Button2 Button2 Button2 Button2 Button2"
tools:ignore="MissingConstraints" />
</androidx.constraintlayout.widget.ConstraintLayout>
Screenshot:
解决方案
推荐阅读
- codeigniter - 在代码点火器中将英语输入转换为乌尔都语和土耳其语
- android - 自定义 EditText 默认光标位置
- php - 准备好的语句 PHP OOP
- react-native - 如何在 React Native 应用程序中打开深层链接?
- apache-kafka - 缺少必需的参数“[zookeeper]”
- typescript - 使用打字稿时如何强制重新渲染位置更改?
- apache-kafka - `persistentEntityRegistry.eventStream` 真的需要至少 8-12 秒才能被触发吗
- jquery - 使用 jQuery 更改表单值
- java - 简化语句
- html - 字体在浏览器中错误显示