Types of widgets and there Life Cycle

-

Types of widgets and there Life Cycle:

Mainly two type of widgets in flutter using these widgets we can create stunning app.

The widgets are as follow:
Stateless widgets.
State full widgets.

Stateless widgets:

Stateless widget are the widgets that do not chance there state like text, image,etc.
A State less widgets are use when the value not change.For example, the screen displays an image with a description and will not change.



The Basic Structure of Stateless widget is as follow:

class JournalList extends StatelessWidget {  
@override  
Widget build(BuildContext context) {  
  return Container(

);  
} 
} 

State Full Widget:
State full widgets is used when Values have to change means it change the State when the certain event is occurred or data receive.The State full widget are dynamic,  Checkbox, Radio, Slider, InkWell, Form, and TextField are examples of stateful widgets. Stateful widgets subclass StatefulWidget.


Before Touch :





















After Touch:





















The Basic Structure of State Full widget:


class TapBoxA extends StatefulWidget {
  @override
  _TapBoxAState createState() => _TapBoxAState();
}

class _TapBoxAState extends State<TapBoxA> {
  @override
  Widget build(BuildContext context) {
    return Container(
      
    );
  }
}



Understanding Widget Life Cycle :

State less widget:

State less widget are immutable once drawn function of the state less widget is call only once and no 
amount of change in any variable values or event can call it again.

To redraw the State less widget ,we need to create a new instance of the widget.




State full widget:
The State full Widget is mutable and it can drawn multiple time in its life time.
Location: Thane, Maharashtra, India

Comments

Post a Comment

Popular posts from this blog

Understanding the widget tree and element tree

-
Image
Understanding the Widget tree and Element tree: Widget tree : Widget tree are the collection of different widgets that are use to build the application. Widget contain the instructions to create the UI and when you compose widgets  together they create widget tree. In flutter every thing is widgets mans that when the application is run it call the runApp() method .Basically we taking StatelessWidget as the argument and mounted as root element for the application.Then flutter framework processes through all the widgets and corresponding elements is mounted. void   main () =>  runApp ( MyApp ()); class   MyApp   extends   StatelessWidget  {    // This widget is the root of your application.    @override    Widget   build ( BuildContext  context) {      return   MaterialApp ( debugShowCheckedModeBanner:  false ,  home:  MainPage ());   } } Element tree: Element tree are the collection of the child widget like Icons,Text. Element tree are the
Read more

USING THEMES TO STYLE YOUR APP

-
Image
USING THEMES TO STYLE YOUR APP The theme widgets are a great way to style and define global colors and font styles for your app. There are two ways to use theme widgets—to style the look and feel globally or to style just a portion of the app. For instance, you can use themes to style the color brightness (light text on a dark background or vice versa); the primary and accent colors; the canvas color; and the color of app bars, cards, dividers, selected and unselected options, buttons, hints, errors, text, icons, and so on. Using a Global App Theme  When the project is created the default theme color of  our application is blue and canvas color is White. To change the theme of your application we use the 'theme' property in material App that is your entry point of your GUI or Application.  See the Below code to change the of your app: class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build (BuildContext context) { r
Read more

Introduction to Flutter

-
Image
INTRODUCTION OF FLUTTER Flutter is introduced in year 2015 Summit under the name Sky The Flutter Flutter is Google’s portable UI framework for building modern, native, and reactive applications for iOS and Android. The Flutter Framework uses DART Language to build the Application for Android and IOS , Flutter Framework is light and very fast in lunching the application ,The Flutter has many features like Single Code Base Development and run faster etc.  Flutter is fast, and the rendering runs at 60 frames per second (fps) and 120 fps for capable devices. The higher the fps, the smoother the animations and transitions .
Read more