Understanding Flutter PopupMenuButton Widget

Posted on July 19, 2019 in Flutter • Tagged with PopupMenuButton, Navigation, WebView, Cross-platform, Flutter, Hummingbird, Code-recipes, Android, Android Studio, iOS, development

In this article, I'll show you implementing "Settings" menu using PopupMenuButton Widget as Stateless vs Stateful widget in Flutter for Android, iOS and Web (Hummingbird).


Continue reading

How to fix Material Icons for Flutter Web (Hummingbird)

Posted on July 18, 2019 in Flutter • Tagged with Material Icons, Hummingbird, Cross-platform, Flutter, Code-recipes, Android, Android Studio, iOS, development

At this point, Flutter Web (aka Hummingbird) doesn't render Material Icons for Web. In this post, we'll see how Material Icons can be rendered for WebApps developed using Flutter.


Continue reading

Using Flutter Themes for Cross-platform Landing Page (Web-Hummingbird, Android, iOS)

Posted on June 27, 2019 in Flutter • Tagged with Cross-platform, Flutter, Code-recipes, Android, Android Studio, iOS, Web, Themes

This post is in continuation of Making Cross-platform Flutter Landing Page Responsive.


Continue reading

Making Cross-platform Flutter Landing Page Responsive (Web-Hummingbird, Android, iOS)

Posted on June 11, 2019 in Flutter • Tagged with Hummingbird, Cross-platform, Flutter, Code-recipes, Android, Android Studio, iOS, Responsive

This post is in continuation of Designing Cross platform Flutter prototype for Landing Page.


Continue reading

Designing Cross platform Flutter prototype for Landing Page (Web-Hummingbird, Android, iOS)

Posted on June 03, 2019 in Flutter • Tagged with Cross-platform, Flutter, Code-recipes, Android, Android Studio, iOS

This post is about how to design landing page for a hypothetical mobile and web app for Flutter resources say "Flutter-to-Fly !".


Continue reading

Implementing Search action in AppBar

Posted on February 06, 2019 in Flutter • Tagged with SearchDelegate, SearchAppBar, cross-platform, flutter, code-recipes, android, android Studio, iOS, development

Implementing Search action in AppBar using Flutter for Android and iOS mobile apps.


Continue reading

BottomNavigationBar with menu, search and overflow action items

Posted on February 05, 2019 in Flutter • Tagged with Bottom AppBar, cross-platform, flutter, code-recipes, android, android Studio, iOS, development

Implement a BottomNavigationBar with menu, search and overflow action items.


Continue reading

Flutter code recipe for AppBar widget

Posted on February 02, 2019 in Flutter • Tagged with AppBar, cross-platform, flutter, code-recipes, android, android Studio, iOS, development

Implement a basic appBar with a title, actions, and an overflow dropdown menu.


Continue reading

Flutter code recipe for AnimatedOpacity widget

Posted on January 30, 2019 in Flutter • Tagged with AnimatedOpacity, cross-platform, flutter, code-recipes, android, android Studio, iOS, development

AnimatedOpacity widget is used to achieve a smooth transition from one UI element to another.


Continue reading

Flutter code recipe for Hero animation

Posted on January 30, 2019 in Flutter • Tagged with hero-animation, cross-platform, flutter, code-recipes, android, android Studio, iOS, development

Navigating from one page to another using Hero animation.


Continue reading