Learning Flutter || Section 1 : Introduction to Flutter Tutorials

-

Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.

 Now , I'm going to post daily Flutter basic Widgest Examples ,so the beginners can easily Avail Knowledge of Flutter Basic .you can also Follow my Github Account to get Source code Easily and Modify by Yourself.

1.Basic widgets

Flutter comes with a suite of powerful basic widgets, of which the following are commonly used:
Text
The Text widget lets you create a run of styled text within your application.
Row, Column
These flex widgets let you create flexible layouts in both the horizontal (Row) and vertical (Column) directions. The design of these objects is based on the web’s flexbox layout model.
Stack
Instead of being linearly oriented (either horizontally or vertically), a Stack widget lets you place widgets on top of each other in paint order. You can then use the Positioned widget on children of a Stack to position them relative to the top, right, bottom, or left edge of the stack. Stacks are based on the web’s absolute positioning layout model.
Container
The Container widget lets you create a rectangular visual element. A container can be decorated with a BoxDecoration, such as a background, a border, or a shadow. A Container can also have margins, padding, and constraints applied to its size. In addition, a Container can be transformed in three dimensional space using a matrix.
    

2.Layouts in Flutter

Contains row and column widget architecture , navigation route ,image assets how to use , we will learn shortly in our upcoming post .

3.Animations in Flutter

4.Advanced UI

5.Packages and Plugins

6.And many more ......
   in next part we will continue with our Examples ......

Comments

Post a Comment

Popular posts from this blog

Building Weather App using MVVM design pattern (Kotlin)

-
https://github.com/eduxcellence/WeatherApp_Kotlin MainActivity.kt Contains View show User Current Weather Report and next day Weather Report. class   MainActivity : AppCompatActivity () {     val TAG : String? = MainActivity :: class .java.simpleName     var access_key : String = BuildConfig .access_key /*"fc7ca27cdb74949f62f5b936e50db2c3"*/     var query : String = "Lucknow,Uttar Pradesh,IN"     var isUp = false     //  Check Internet Continuosly     var TYPE_WIFI = 1     var TYPE_MOBILE = 2     var TYPE_NOT_CONNECTED = 0     var snackbar : Snackbar? = null     val coordinatorLayout : CoordinatorLayout? = null     var internetC...
Read more

Basic widgets : Text and Center

-
Image
Text The  Text  widget lets you create a run of styled text within your application. Source Code : import 'package:flutter/material.dart' ; void main() {                                  // main function  .....   runApp( Text (                                 // Text Widget  .....     "Hello Flutter 1.7" ,                       // data ....     textAlign: TextAlign. center ,               // alignment ....   ...
Read more

4. Do Coding

-
Image
Write your first Flutter app, part 1 Docs Get started Write your first app This is a guide to creating your first Flutter app. If you are familiar with object-oriented code and basic programming concepts such as variables, loops, and conditionals, you can complete this tutorial. You don’t need previous experience with Dart or mobile programming. This guide is part 1 of a two-part codelab. You can find  part 2  on  Google Developers .  Part 1  can also be found on  Google Developers . What you’ll build in part 1 You’ll implement a simple mobile app that generates proposed names for a startup company. The user can select and unselect names, saving the best ones. The code lazily generates names. As the user scrolls, more names are generated. There is no limit to how far a user can scroll. The animated GIF shows how the app works at the completion of part 1. What you’ll learn in part 1 How to write a Flutter app that looks natural on both...
Read more