dart - 遍历行

标签 dart dart-webui

我有一个可以显示许多行产品的应用程序。现在,它已硬编码为使用三个html行。我真的很想为一行构建一个模板,然后遍历并填充我需要显示的任意数量。我以为这是Web UI循环的工作(想想一下水果搜索示例)。还是我想构建模板并将其制作为Web组件并将数据传递给该模板?我真的不确定这里最好的结构是什么。这是一个开放性问题,但是填充多行数据的理想结构是什么?

最佳答案

当您需要可重用性,或者您的行具有与其相关联的复杂逻辑或布局时,请使用Web组件。

给定您对“产品行”的描述,我将为每个产品行使用一个Web组件,并可能使用另一个Web组件来跟踪所有产品行。例如,如果这是产品搜索结果页面,则SearchResultComponent可以具有标题,ProductRowComponents列表和找到的结果数量,并且每个ProductRowComponent可以具有名称,价格和图像。

这样可以更轻松地处理所涉及的复杂性并允许重用性(即使用多个ProductRowComponents)。

关于dart - 遍历行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17115162/

相关文章:

dart - 我什么时候需要在 Dart 中调用 watchers.dispatch() ?

dart - AngularDart的角度组件的应用布局

dart - 在ASP.NET MVC网站上使用dart Web-ui( polymer )时,需要以javascript运行的帮助

flutter - 解析具有多种对象类型的 JSON 数组

dart - 使用 flutter_html_view 插件时如何修复 flutter 中的这个错误

button - 如何创建带有彩色阴影的渐变按钮

dart - 来自pub的软件包未正确安装

flutter - 状态与类变量及其值是否相同?

flutter - 运行时 flutter “Lost connection to device”

dart - Dart中的子Web组件