dart - 如何使用 Polymer 绘制卡片/元素网格?

标签 dart polymer dart-polymer

我是一名 Android 开发人员,正在尝试学习 Dart-Polymer(我对 HTML 开发也相当陌生)。我尝试了custom card example in the polymer tutorial ,作为扩展,我想在矩形网格中显示多张卡片。我看到 Polymer 中有水平和垂直布局,我想知道 Polymer 是否有类似 Android 中的 GridView 的东西。有人可以建议如何继续吗?

左边的网格是我想要实现的: enter image description here

核心卡位于右侧。我可以在设计器中看到该元素(请参阅核心正下方的面板)。但我无法在 polymer 库中找到核心卡。这就是为什么我要使用自定义卡(来自上面提到的教程)。如果有的话我想使用核心卡。

发布这个问题后,我发现了core-layout-grid - 我不确定如何使用它,以及这是否是我需要的。

最佳答案

polymer 具有出色的操控性,易于使用 CSS FlexBox 。使用各种 layouthorizo​​ntalverticalwrapflex 属性很容易制作非常灵活和响应灵敏的布局,包括网格。

您可以阅读有关布局属性及其用途的更多信息,包括 Polymer Layout Attributes 中的各种对齐属性。页。特别是看看Wrapping部分,因为它有助于创建响应式网格,该网格将根据显示的宽度进行适当调整。

关于dart - 如何使用 Polymer 绘制卡片/元素网格?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25255118/

相关文章:

带导航器的 Flutter Modal Bottom Sheet 没有按预期弹出

json - Flutter错误类 'StudyList'没有实例方法 '[]'

css - 如何使用媒体查询更改主机的CSS :( polymer )

javascript - 自定义元素之间的 polymer 双向绑定(bind)[包括示例]

javascript - polymer 项目、触摸事件

flutter - 使用数学将项目分布在圆圈周围 - Flutter 代码

flutter - 列表 map 无法在Dart中使用吗?

dart - 模板重复不适用于嵌套列表(Polymer.dart)

dart - 现在,使用CoreScaffold和CoreTabs类会导致异常

dart - 如何在 polymer.dart 中监听从父级传递给子级的事件