Adding content to 102-widgets

pull/3389/head
syedmouaazfarrukh 2 years ago
parent 06bd2407b8
commit 2b479b142b
  1. 6
      src/roadmaps/flutter/content/102-widgets/100-stateless-widgets.md
  2. 2
      src/roadmaps/flutter/content/102-widgets/101-stateful-widgets.md
  3. 16
      src/roadmaps/flutter/content/102-widgets/index.md

@ -1,7 +1,9 @@
# Stateless widgets # Stateless Widgets
A stateless widget never changes. Icon, IconButton, and Text are examples of stateless widgets. Stateless widgets in Flutter are widgets that don't maintain any mutable state. They are designed to be immutable and rebuild each time the framework needs to update the UI. They are suitable for static, unchanging views or simple animations. They can be created using the StatelessWidget class and have a single build method that returns a widget tree.
Visit the following resources to learn more: Visit the following resources to learn more:
- [StatelessWidget class](https://api.flutter.dev/flutter/widgets/StatelessWidget-class.html) - [StatelessWidget class](https://api.flutter.dev/flutter/widgets/StatelessWidget-class.html)
- [Flutter – Stateful vs Stateless Widgets](https://www.geeksforgeeks.org/flutter-stateful-vs-stateless-widgets/)
- [How to Create Stateless Widgets](https://medium.com/flutter/how-to-create-stateless-widgets-6f33931d859)

@ -5,3 +5,5 @@ A stateful widget is dynamic: for example, it can change its appearance in respo
Visit the following resources to learn more: Visit the following resources to learn more:
- [StatefulWidget class](https://api.flutter.dev/flutter/widgets/StatefulWidget-class.html) - [StatefulWidget class](https://api.flutter.dev/flutter/widgets/StatefulWidget-class.html)
- [Flutter – Stateful vs Stateless Widgets](https://www.geeksforgeeks.org/flutter-stateful-vs-stateless-widgets/)
- [Flutter Tutorial - Stateful Widgets](https://www.youtube.com/watch?v=p5dkB3Mrxdo)

@ -1,7 +1,21 @@
# Widgets # Widgets
In Flutter, a widget is a piece of reusable user interface (UI) code that can be used to build complex and dynamic user interface designs. Widgets in Flutter are the basic building blocks of the user interface. They define how the UI looks and behaves. Widgets can be combined to create complex user interfaces and can be easily customized. Some common types of widgets include:
- Text
- Image
- Button
- Container
- Card
- Column & Row
- ListView
- AppBar
- Scaffold
Widgets in Flutter are also designed to be highly reusable, allowing developers to build complex UIs quickly and efficiently.
Visit the following resources to learn more: Visit the following resources to learn more:
- [Introduction to widgets](https://docs.flutter.dev/development/ui/widgets-intro) - [Introduction to widgets](https://docs.flutter.dev/development/ui/widgets-intro)
- [Widget catalog](https://docs.flutter.dev/development/ui/widgets)
- [Flutter Widgets Explained](https://www.youtube.com/watch?v=FU2Eeizo95o)
Loading…
Cancel
Save