Google Polymer team is maintaining numerous Polymer elements ranging from custom image placeholders, menus, tooltips, tabs, to inputs fields. All of them with unified look and feel. Although, their practical usage is questionable apart from making prototypes, one of them stands out particularly.
Core-list is a Polymer component designed for rendering a very large amount of elements in a list (thousands without any problem). It internally creates only those elements that are visible to the user and as they scroll, it positions them absolutely to users viewport with CSS3 transformations (the same transformations that we used in Chapter 4, Developing a Mobile App with Dart).
We'll create a new project, add polymer
and core-elements
dependencies and then create a custom element with our entire app that generates 1 million of random colors and render them into one large list:
// lib/main_app.dart import 'dart:math'; import 'package:polymer...