Posts

Showing posts from May, 2020

Basic Widget : Text , TextField and Controller (with MaterialApp widget )

Image
TextField TextField  is the most commonly used text input widget. TextFormField TextFormField  wraps a  TextField  and integrates it with the enclosing  Form . This provides additional functionality, such as validation and integration with other  FormField  widgets. TextEditingController A    controller   for an editable text field. import 'package:flutter/material.dart' ; void main() {   //Entry Point of our Application   /*    ........ IMPORTANT FOR ANY MATERIAL WIDGET  .........   *     first you cannot run Direct TextField Widget in runApp   *     second you need material widget to use TextField  i.e; MaterialApp   *     third you again need material widget to call inside state widget   *    .... material widget like Scafold , Material , Car...

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 ....   ...

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...