包装行组件答案

【问题标题】：Wrap Row components包装行组件
【发布时间】：2021-11-19 18:02:04
【问题描述】：

我正在尝试弄清楚如何将我的组件包装在 Jetpack Compose 中以用于窄屏幕，例如三星折叠。

例如：

Box(modifier = Modifier.fillMaxWidth()){
    Row(
          horizontalArrangement = Arrangement.Start,
          verticalAlignment = Alignment.CenterVertically,
          modifier = Modifier.fillMaxWidth()
    ) {
       Image(...)
       Spacer(...)
       Image(...)
       Spacer(...)
       SomeBadgeWithText(...)
    }
}

在狭窄的三星设备上，最后一个徽章被压扁，文字被截断。我希望它只换行到下一行。这可能吗？

【问题讨论】：

所以你是一个失败的单元测试？
您可以使用 Accompanist 的 FlowRow，如本答案所述：stackoverflow.com/questions/61022452/…

标签： android android-jetpack-compose

【解决方案1】：

AFAIK 按照您的意愿包装内容不是本机撰写功能。然而，由 Google 开发的一组 compose 库 Accompanist 提供了 Flow Layout，它应该适合您的用例。

【讨论】：