flutter catalog
an opensource app showcasing flutter components, with side-by-side source code view.
screenshots
![[2025] Flutter Catalog w/Code side-by-side flutter catalog w/code side-by-side](https://i0.wp.com/flutterawesome.com/content/images/2018/12/screenshot_1544389051.png?w=770&ssl=1)
![[2025] Flutter Catalog w/Code side-by-side screenshot_1541613187](https://i0.wp.com/flutterawesome.com/content/images/2018/12/screenshot_1541613187.png?w=770&ssl=1)
![[2025] Flutter Catalog w/Code side-by-side screenshot_1541613193](https://i0.wp.com/flutterawesome.com/content/images/2018/12/screenshot_1541613193.png?w=770&ssl=1)
![[2025] Flutter Catalog w/Code side-by-side screenshot_1541613197](https://i0.wp.com/flutterawesome.com/content/images/2018/12/screenshot_1541613197.png?w=770&ssl=1)
how to contribute by adding a new example page
- create a dart file under
lib/route/
(or just duplicate a file, e.g.cp widgets_icon_ex.dart new_example.dart
); - in the new file, create a class that extends myroute;
- add const constructor, the convention is to use the file path as constructor’s default parameter;
- (optional) override getters:
title
,description
,links
; - override
buildmyroutecontent()
, try to make the code simple, as it’ll be shown on phone screens; - open
lib/my_app_meta.dart
, import the new file at the beginning of file; - in
kmyapproutesstructure
, add an instantiation of the new class under the appropriate item group.
Comments are closed.