无涯教程网

Android 在Jetpack Compose中实现自动换行

发布于10月30日

我正在进行一个设计，其中每个单词都被视为一个独立的组成部分.要求是，如果一个词不适合一行，它应该自动移动到下一行.

这种设计的目的是实现与每个"单词"组件的单独交互.例如，我应该能够点击一个单词或对其应用特定的设计(比如在单词中划线).

为了更清晰，我附上了一张图像，它紧密地代表了我的目标:

所提供的图像说明了将单词作为单独组件插入的布局.如果一个单词超过了一行的长度，它会自动换到下一行.每个单词都是允许各种交互的独立组件.例如，您可以单击某个单词、对其应用特殊样式或执行其他操作.这种设计为单独操作每个单词提供了灵活性，同时保持了干净和有组织的布局.

有人能指导我如何在Jetpack Compose中实现这一点吗？任何帮助都将不胜感激.

推荐答案

你可以使用FlowRow，每个单词都是Text组成的，可以根据需要设置样式.

FlowRow() {
    Text("Date", modifier = Modifier.clickable {})
    Text("Day")
    Text("First")
    Text("Year")
}

Android相关问答推荐

房间打开创建回调java.nio.channels. OverlappingFilLockResponse

懒惰列的滚动到项目不按预期工作'

有没有办法知道每台安卓设备上的通知限制？

请求标头为空/无法通过拦截器获取

用于小部件泄漏警告的伙伴对象中的Kotlin Lateinit

更改Jetpack Compose中选定的选项卡底线 colored颜色

使用RecycleView和Diffutils时从列表中删除项目时出现问题

使用Kotline绑定时，ViewHolder无法识别文本视图

Lateinit变量结果始终以kotlin格式未初始化

找不到com.android.tools.build：gradle：8.0

如何防止在Android Studio中设置kotlin断点时优化变量

使用 JNI 从 Android 应用程序中使用 Kotlin/Native 预构建共享库

如何在卡片视图右侧添加箭头

Andorid Studio编译器如何自动为变量editText生成mutableStateOf("")的方法名？

Jetpack Compose 中带有权重的行和 AnimatedVisibility 会 destruct UI

TextField 溢出和软包装不适用于 Compose 约束布局

从expose 的 dropdownMenu 可组合、jetpack 组合中 Select 选项时，不会触发文本字段的 onValueChange

预览必须是顶级声明或具有默认构造函数的顶级类

如何将私有 mutableStateOf 分配给 Android Jetpack 中的 State 变量？

如何在 Kotlin 中使用反向绑定适配器将小写文本转换为大写？

实用课程推荐

相关教程推荐