polymer-1.0 - polymer_elements: 1.0.0-rc.6 将水平布局转换为垂直布局

Question

我升级到 polymer_elements: 1.0.0-rc.6 并且我所有的 class='horizo​​ntal 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

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

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

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

（我用前缀导入它并使用文档注释隐藏未使用的导入警告）

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

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