Newby Coder header banner

Flutter Android and iOS Example apps

Following are some example Flutter applications that can be found at NewbyCoder.com

Check how different types of features are implemented in Flutter applications, their required dependencies, associated application code and instructions to run

Most of the applications worked for both Android and iOS and few are not tested in iOS yet

Check Navigation Drawer on the left where they are grouped

Flutter Apps

Alert Dialog

Prompt a user with alert message, similar to a pop-up

Platform: Android & iOS

Check Alert Dialog Application

Basic Authentication

Basic Authentication is when raw(or with basic encoding) username and password is sent to the server, typically in its body

Platform: Android & iOS

cm-flutter-basic-auth-as3

Check Basic Auth application

Blur Background

Inbuilt widgets of Flutter can be used to blur an image

Platform: Android & iOS

cm-flutter-blur-background-as2

Check Blur Background Application

Bottom Navigation

Bottom navigation, here, refers to a Tab displayed at the bottom which allows to navigate to different screens

Platform: Android & iOS

cm-flutter-bottom-nav-as2

Check Bottom Navigation application

Curved Navigation

In Curved navigation, the tab bar is animated with animationCurve to indicate change in selected button or tab

Platform: Android & iOS

cm-flutter-curved-nav-as2

Check Curved Navigation application

Cache Storage

Cache storage make use of Application Files directory in Android and Documents directory in iOS to store and retrieve files and enable storage of complex data types when compared to shared preferences and json storage

Platform: Android & iOS

cm-flutter-local-storage-cache-as2

Check Flutter Cache Storage Application code

Connectivity

Using connectivity package, Flutter Apps can discover network connectivity and configure themselves accordingly

It also distinguishes whether connection is cellular or WiFi connection type

Platform: Android & iOS

Check Network Connectivity application code

DatePicker

Check Flutter application which provides date picker and time picker widgets with Material and Cupertino styled appearance

Platform: Android & iOS

cl-flutter-date-picker-cupertino

Check Flutter Date Picker Application

Device Location

Using location package, Flutter Apps can retrieve location of an user

It can also be used to subscribe to location changes

Platform: Android & iOS

Check Flutter Device Location application code

Expandable List

An expandable list responds to user gesture by expanding and shrinking its size, typically to show and hide a sublist

Platform: Android & iOS

Check Expandable List Application example code

Facebook Login in Flutter app

To implement facebook login in Flutter , flutter_facebook_login package (https://pub.dev/packages/flutter_facebook_login) can be used

Platform: Android & iOS

cl-flutter-android-facebook-login1cl-flutter-android-facebook-login2

Check Flutter app with Facebook login

File Picker Application

An external package can be used to enable reading files from an Android or iOS device

Platform: Android & iOS

cm-flutter-file-picker-as2

Check Flutter File Picker Application

Floating Action Button

A floating action button (FAB) is a circular button that typically triggers a general functionaity or the primary action in an app's UI

Platform: Android & iOS

cm-flutter-floating-action-button-as1

Check Floating Action Button

Form Validation

Form validation in Flutter can be implemented using simple regex validators

Platform: Android & iOS

cm-flutter-form-validation-as2

Check Flutter Form Validation Application

Google Sign-in in Flutter app

Google sign-in can be integrated to a Flutter application by using google_sign_in package

Platform: Android & iOS

cl-flutter-android-google-login1cl-flutter-android-google-login2

Check Flutter app with Google sign-in

Image Picker

An external Flutter package can be used to facilitate image uploads from an Android or iOS device

Platform: Android & iOS

cm_flutter_image_picker_as2

Check Flutter Image Picker Application

Json Storage

An application might require local storage to store information about user's activity and/or profile

Platform: Android & iOS

Check Flutter Json Storage application code

Jwt Authentication

JWT is short for Json Web Token, which is a quite popular implementation of authentication

A Json Web Token is a Json string sent from a server to a client(such as mobile app) typically after user login

Platform: Android & iOS

cm-flutter-jwt-authentication-as2

Check Jwt Auth application

Local Database - SQFlite

SQFlite is a plugin used in flutter to perform database operations for both Andoid and IOS apps

Platform: Android & iOS

cm-flutter-local-database-as2

Check Flutter Local Database Application code

Navigation Drawer

A navigation drawer is a UI panel which displays a menu typically containing the primary navigation options for an application

The drawer is hidden by default and appears when a user touches any visible drawer icon or through a gesture like swipe

Platform: Android & iOS

cm_flutter_navigation_drawer_as2

Check Navigation Drawer application

Overlay Loading Screen

An overlay loading screen displays a progress indicator (also called modal progress HUD or head up display), which typicallysignifies that the app is loading or performing some work

Platform: Android & iOS

Check Application with Overlay Loading Screen

Progress Indicator

Progress indicators are used to indicate some work in progress like uploading, downloading files, registering a user etc

Platform: Android & iOS

cm_flutter_progress_indicator_as2

Check Progress Indicator Application

Rest Api

Check provided Flutter application which makes a Rest Api call and displays some data retrieved as response

Platform: Android & iOS

cm_flutter_rest_api_app_as2

Check Flutter Rest Api application code

Searchable Dropdown

A Searchable dropdown provides options which can be selected and an input field to search and narrow down the options

Platform: Android & iOS

cm_flutter_searchable_dropdown_as2

Check Flutter Searchable Dropdown Application

Shared Preferences

Shared Preferences are used to save and retrieve data of basic data types like integer, float, boolean, string etc, in the form of key-value pairs

Platform: Android & iOS

cm_flutter_shared_preferences_as2

Check Flutter Shared Preferences application code

State Persistence

States are typically stored in local storage so that a user's activity on an application can appear to be persistent

Platform: Android & iOS

Check Flutter State Persistence application code

Swipe Refresh

A refresh on swipe or pull to refresh application activity displays a progress indicator when a user pulls a view typically to indicate that new content is attempted to be loaded

Platform: Android & iOS

cm_flutter_swipe_refresh_as4

Check Application with refresh on swipe functionality

Tabs

Tabs allow to group content according to some criteria which can be a factor for smooth user experience

Platform: Android & iOS

cm-flutter-blur-background-as2

Check Tabs Application

Viewpager

A Viewpager allows to view the pages of an application by scrolling horizontally or vertically

Platform: Android & iOS

Check Viewpager Application example code

Webview

Webview is typically a cross-platform library used to render web based User Interfaces in mobile or desktop applications

Platform: Android & iOS

Check Flutter Webview Application code