polymer_app_layout 0.0.6

  • README.md
  • Installing
  • Versions
  • 28

polymer-app-layout - DEPRECATED

Pub Travis

NB The app-layout elements have now been directly incorporated into the polymer_elements 1.0.0-rc.9 package. This project is now deprecated.

Dart polymer wrappers for app-layout Polymer elements.


View demos at polyer-app-layout-demos


The original app-layout tests are in the process of being ported. The ported tests can be run as normal dart tests. For example, to run on dartium (default): pub run test As usual, tests can be run on other platforms with -p<platform>

To run tests as javascript, the pub serve and test execution must be performed separately. Run pub serve test --port=8080 from one terminal and pub run test -pchrome --pub-serve=8080 from a second.

Note that tests are specifically blocked from running on Firefox currently in order to utilize Travis CI.


Although not necessary for normal use, this package can be rebuilt from the original polymer source using the procedure below. The specific version used as a basis can be specified in bower.json.

  1. Fetch the polymer element source
bower install
  1. Build the Dart wrapper API
pub run custom_element_apigen:update app_layout_dart.yaml

For more information on using custom_element_apigen, see https://pub.dartlang.org/packages/custom_element_apigen

Use this package as a library

1. Depend on it

Add this to your package's pubspec.yaml file:

  polymer_app_layout: "^0.0.6"

2. Install it

You can install packages from the command line:

with pub:

$ pub get

Alternatively, your editor might support pub get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:

      import 'package:polymer_app_layout/app_box.dart';

      import 'package:polymer_app_layout/app_drawer.dart';

      import 'package:polymer_app_layout/app_drawer_layout.dart';

      import 'package:polymer_app_layout/app_header.dart';

      import 'package:polymer_app_layout/app_header_layout.dart';

      import 'package:polymer_app_layout/app_scroll_effects.dart';

      import 'package:polymer_app_layout/app_scroll_effects_behavior.dart';

      import 'package:polymer_app_layout/app_scrollpos_control.dart';

      import 'package:polymer_app_layout/app_toolbar.dart';

      import 'package:polymer_app_layout/helpers.dart';

      import 'package:polymer_app_layout/iron_flex_layout.dart';

      import 'package:polymer_app_layout/iron_media_query.dart';

      import 'package:polymer_app_layout/iron_resizable_behavior.dart';

      import 'package:polymer_app_layout/iron_scroll_target_behavior.dart';
Version Uploaded Documentation Archive
0.0.6 Jul 14, 2016 Go to the documentation of polymer_app_layout 0.0.6 Download polymer_app_layout 0.0.6 archive
0.0.5 Jun 7, 2016 Go to the documentation of polymer_app_layout 0.0.5 Download polymer_app_layout 0.0.5 archive
0.0.4 May 19, 2016 Go to the documentation of polymer_app_layout 0.0.4 Download polymer_app_layout 0.0.4 archive
0.0.3 May 9, 2016 Go to the documentation of polymer_app_layout 0.0.3 Download polymer_app_layout 0.0.3 archive
0.0.2 May 2, 2016 Go to the documentation of polymer_app_layout 0.0.2 Download polymer_app_layout 0.0.2 archive
0.0.1 Apr 28, 2016 Go to the documentation of polymer_app_layout 0.0.1 Download polymer_app_layout 0.0.1 archive


We analyzed this package on Jun 19, 2018, and provided a score, details, and suggestions below. Analysis was completed with status completed using:

  • Dart: 2.0.0-dev.63.0
  • pana: 0.11.3


Describes how popular the package is relative to other packages. [more]
0 / 100
Code health derived from static analysis. [more]
91 / 100
Reflects how tidy and up-to-date the package is. [more]
4 / 100
Overall score:
Weighted score of the above. [more]
Learn more about scoring.


Detected platforms: web

Platform components identified in package: html, js.


  • Maintain CHANGELOG.md.

    Changelog entries help clients to follow the progress in your code.

  • Package is getting outdated.

    The package was released 100 weeks ago.

  • Fix analysis and formatting issues.

    Analysis or formatting checks reported 79 hints.

    Run dartfmt to format lib/app_box.dart.

    Run dartfmt to format lib/app_drawer.dart.

    Similar analysis of the following files failed:

    • lib/app_drawer_layout.dart (hint)
    • lib/app_header.dart (hint)
    • lib/app_header_layout.dart (hint)
    • lib/app_scroll_effects.dart (hint)
    • lib/app_scroll_effects/effects/blend_background.dart (hint)
    • lib/app_scroll_effects/effects/fade_background.dart (hint)
    • lib/app_scroll_effects/effects/material.dart (hint)
    • lib/app_scroll_effects/effects/parallax_background.dart (hint)
    • lib/app_scroll_effects/effects/resize_snapped_title.dart (hint)
    • lib/app_scroll_effects/effects/resize_title.dart (hint)
    • lib/app_scroll_effects/effects/waterfall.dart (hint)
    • lib/app_scroll_effects_behavior.dart (hint)
    • lib/app_scrollpos_control.dart (hint)
    • lib/app_toolbar.dart (hint)
    • lib/helpers.dart (hint)
    • lib/iron_flex_layout.dart (hint)
    • lib/iron_media_query.dart (hint)
    • lib/iron_resizable_behavior.dart (hint)
    • lib/iron_scroll_target_behavior.dart (hint)
  • The description is too short.

    Add more detail about the package, what it does and what is its target use case. Try to write at least 60 characters.

  • Package is pre-v1 release.

    While there is nothing inherently wrong with versions of 0.*.*, it usually means that the author is still experimenting with the general direction API.

  • Maintain an example.

    Create a short demo in the example/ directory to show how to use this package. Common file name patterns include: main.dart, example.dart or you could also use polymer_app_layout.dart.


Package Constraint Resolved Available
Direct dependencies
Dart SDK >=1.13.0 <2.0.0
polymer ^1.0.0-rc.16 1.0.0-rc.19
polymer_elements ^1.0.0-rc.8 1.0.0-rc.10
Transitive dependencies
analyzer 0.29.5 0.32.1
args 0.13.7 1.4.3
async 2.0.7
barback 0.15.2+16
charcode 1.1.1
cli_util 0.1.3
code_transformers 0.5.1+5
collection 1.14.10
convert 2.0.1
crypto 2.0.5
csslib 0.14.4
dart_style 0.2.16 1.1.0
glob 1.1.5
html 0.13.3+1
initialize 0.6.2+7
isolate 0.2.3 2.0.1
logging 0.11.3+1
meta 1.1.5
package_config 1.0.3
path 1.6.1
plugin 0.2.0+2
polymer_interop 1.0.0-rc.10
pool 1.3.5
reflectable 1.0.3 2.0.1
source_maps 0.10.5
source_span 1.4.0
stack_trace 1.9.2
string_scanner 1.0.2
typed_data 1.1.5
utf 0.9.0+4
watcher 0.9.7+8
web_components 0.12.5
yaml 2.1.14
Dev dependencies
custom_element_apigen ^0.2.1+1
test ^0.12.5+1