polymer_elements: 1.0.0-rc.6 水平布局转垂直布局

Question

我升级到 polymer_elements: 1.0.0-rc.6 并且我所有的 class='horizontal layout' 现在都显示为垂直。

.html

    <div class = "layout horizontal">
      <span class = "margin-rt-5px">[[prefixx]]</span>
      <paper-toggle-button
          on-change = "toggleEvent">[[suffixx]]
      </paper-toggle-button>
    </div>

div 的子项垂直对齐，而不是预期的水平对齐。

当我恢复到 polymer_elements: 1.0.0-rc.5 时，水平布局符合预期。

API 中有一些中断。

谢谢

Answer 1

为了安全地使用布局类，您需要明确导入它们。很可能是在您通过已删除的可传递导入获取它们之前。在飞镖代码中，导入看起来像这样：

import 'package:polymer_elements/iron_flex_layout/classes/iron_flex_layout.dart'
    as layout_styles;

/// Uses [layout_styles]
main() { ... }

（我是带前缀导入的，用doc注释隐藏了未使用的导入警告）

如果您愿意，也可以使用 html 导入，但需要注意您指向的包目录。对于入口点，它将如下所示：

<link rel="import" href="packages/polymer_elements/iron_flex_layout/classes/iron_flex_layout.html">

polymer_elements: 1.0.0-rc.6 水平布局转垂直布局

polymer_elements: 1.0.0-rc.6 convert horizontal layout to vertical layout

polymer-1.0

dart-polymer

polymer-elements

.html