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

时间:2016-01-13 00:48:22

标签: polymer-1.0 dart-polymer polymer-elements

我已升级到polymer_elements:1.0.0-rc.6以及我所有的类='水平布局'现在显示为垂直。

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有一些中断。

由于

1 个答案:

答案 0 :(得分:1)

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

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">