README.md

General Samples

• Add or Remove an element
• Alert Dialog Box
• Animated Builder
• Animated Cross Fade
• Animated Default Text Style
• Bottom Navigation Bar
• Button Full Width
• Button Multiple Toggle Switch
• Button Toggle Switch
• Calculator
• Circular Loading Indicator
• Combo Box
• Date Picker
• Dialog Box with 2 buttons
• Dialog Box with 3 buttons
• Form Dialog Box
• Future
• Horizotal Toolbar
• Http Get and Post
• Icon Text
• Linear Loading Indicator
• ListTile with Rounded Borders
• Load Base64 Image
• Load JSON File
• Load SVG Image
• Login Page
• Login Page With Release
• Markdown Text
• Opacity
• Opacity with Linear Gradient
• Play Sound File
• Rating
• Rounded Bottom Navigation Bar
• Routes
• Sqlite Sample
• Switch Button
• Switch Cover Button
• Text Field Search Box
• ToDo List

add_or_remove_an_element

This sample shows how to add or remove an element based in a toggle

Code in action using DartPad

alert_dialog_box

This sample shows a typical Alert Dialog Box

Code in action using DartPad

animated_builder

This sample shows a simple animation in a Flutter App

Code in action using DartPad

animated_cross_fade

This sample shows a simple animation using AnimatedCrossFade

Code in action using DartPad

animated_default_text_style

This sample shows a text animated using AnimatedDefaultTextStyle

Code in action using DartPad

bottom_navigation_bar

This sample shows a typical Bottom Navigation Bar

Code in action using DartPad

button_full_width

This sample shows some buttons with a full width

Code in action using DartPad

button_multiple_toggle_switch

This sample shows a toggle switch with a multiple selection

Code in action using DartPad

button_toggle_switch

This sample shows a toggle switch with a single selection

Code in action using DartPad

calculator

This sample shows a typical and simple Calculator

Calculator class used in the sample

Code in action using DartPad

circular_loading_indicator

This sample shows a Circular Loading Indicator

Code in action using DartPad

combo_box

This sample shows a typical Combo Box

Code in action using DartPad

date_picker

This sample shows a typical Date Picker

Code in action using DartPad

dialog_box_with_2_buttons

This sample shows a typical Dialog Box with 2 buttons (cancel, accept)

Code in action using DartPad

dialog_box_with_3_buttons

This sample shows a typical Dialog Box with 3 buttons (cancel, no, yes)

Code in action using DartPad

form_dialog_box

This sample shows a Form Dialog Box to fill in some data to do something with it

Code in action using DartPad

future

This code shows a use of Future simulating an async task

Code in action using DartPad

horizontal_toolbar

This sample shows a typical toolbar with separator, that is common in desktop environments like Windows or macOS

Code in action using DartPad

http_get_and_post

This sample uses GetX to connect and do a get, post, etc connection with an API

icon_text

This sample shows a typical button that includes an image and text

Code in action using DartPad

linear_loading_indicator

This sample shows a Linear Loading Indicator

Code in action using DartPad

listtile_with_rounded_borders

This sample shows a ListTile with Rounded Borders

Code in action using DartPad

load_base64_image

This sample load some base64 images in execution time

Code in action using DartPad

load_json_file

This sample load a JSON file in execution time (see the assets folder with the JSON file, and the pubspec.yaml file)

Icons used in the sample

load_svg_image

This sample shows as to Play a mp3 sound file in Flutter

This sample uses the flutter_svg package to Load SVG Images

login_page

Login Page showing and hiding the password with a click

Code in action using DartPad

login_page_with_release

Login Page showing and hiding the password with a click and release action

Code in action using DartPad

markdown_text

This sample shows as to show markdown texts in your Flutter app

This sample uses the flutter_markdown package to Load Markdown texts

opacity

This code shows you how to use the Opacity widget in Flutter

Code in action using DartPad

opacity_with_linear_gradient

This code shows you how to use the Opacity widget with Linear Gradient in Flutter

Code in action using DartPad

play_sound_file

This sample shows as to Play a mp3 sound file in Flutter

This sample uses the audioplayers package to Play the sound

rating

• rating component This sample shows a Rating component, and an app using it

Code in action using DartPad

rounded_bottom_navigation_bar

This sample shows a Rounded Bottom Navigation Bar

Code in action using DartPad

routes

Use of two Routes (Pages or Screens in Flutter)

Code in action using DartPad

sqlite_sample

This sample shows a typical Sqlite sample with CRUD (create, read, update and delete) actions

This sample uses sqflite and sqflite_common_ffi packages to connect and use Sqlite

switch_button

• switch_button component

This sample shows a typical Switch Button

Code in action using DartPad

switch_cover_button

• switch_cover_button component

This sample shows a typical Switch Button but using the Cupertino Widget

Code in action using DartPad

text_field_search_box

This sample shows a typical Text Field Search Box used in app to search information

Code in action using DartPad

todo_list

This sample shows a typical ToDo App

---

Home