Flutter Tutorial - 13 FloatingActionButton Widget

Показать описание

Hi guys. My name is Abdul Aziz Ahwan from Indonesia. Welcome back to my channel. Today we are gonna talk about Flutter.
For those you don't know what is Flutter, Flutter is mobile app SDK is a new way to build beautiful native mobile apps that break away from the “cookie cutter” apps that have been so common in the past. People who try Flutter really like it.

Hopefully, you like this content by clicking the like button.

In the previous section, we have disscussed about Understanding The AppBar and Its Properties. Everything in Flutter consist of widget. In this section we are going to talk about Floating Action Button.

A floating action button is a circular icon button which is displayed all the time and is generally meant for promoting a primary or most widely used action on the screen. FloatingActionButton should be used for positive actions such as create, share or navigate. This button floats above the content of the screen and usually resides on one corner of the screen.

For popular apps like WhatsAppp, it is used for creating a new message, on Gmail it is used for creating a new email.
Flutter offers two types of FloatingActionButton, FloatingActionButton and FloatingActionButton.Extended
Stay tune guys!

I'm very grateful if you want to click the subscribe button to make this channel growing up.
Thank you so much. And let's get started with me.

-----------------------------------------------------------------------------------------------------------

💰 Donate Me

-----------------------------------------------------------------------------------------------------------

🎬 Flutter Tutorials Playlist
Flutter Tutorial - 01 Introduction to Flutter

Flutter Tutorial - 02 Install Flutter SDK (Windows)

Flutter Tutorial - 03 Setup Visual Studio Code for Flutter Development

Flutter Tutorial - 04 Setup Android Studio for Flutter Development

Flutter Tutorial - 05 Setup IntelliJ IDEA for Flutter Development

Flutter Tutorial - 06 Build a First Flutter App

Flutter Tutorial - 07 Understanding The Structure of a Flutter Project

Flutter Tutorial - 08 Introduction to Widgets

Flutter Tutorial - 09 Understanding The Stateless Widget

Flutter Tutorial - 10 Understanding The MaterialApp Widget

Flutter Tutorial - 11 Understanding The Scaffold Widget

Flutter Tutorial - 12 AppBar and Its Properties (Clone AppBar of Medium App)
-----------------------------------------------------------------------------------------------------------

📂 Project File

-----------------------------------------------------------------------------------------------------------

🌎 Flutter Link

-----------------------------------------------------------------------------------------------------------

📌 Subscribe My Channel

-----------------------------------------------------------------------------------------------------------

📸 GEAR LIST
- Xiaomi Redmi Note 5 Pro
- Lenovo B490
- Microphone Clip-On BOYA BY-M1
- U Shape for Microphone and Headphone

-----------------------------------------------------------------------------------------------------------

🎬 PLAYLIST

-----------------------------------------------------------------------------------------------------------

📱 FOLLOW

-----------------------------------------------------------------------------------------------------------

📑 TAGS
flutter, framework, good, ui, native-app, programming, developer, front-end, back-end, designer, ui, ux, beginner, expert, tutorial, modern, html, css, javascript, react, native, flutter, java, swift, ruby, education, indonesia, learn, basic, material, design, model, lux, great

Thanks for Watching!
#FlutterTutorials
#Android
#iOS
#Apps
#MaterialDesign
#Coding
#HTML
#CSS
#Javascript
#AbdulAzizAhwan
#UIUXDesign