diff --git a/src/roadmaps/flutter/content/102-widgets/100-stateless-widgets.md b/src/roadmaps/flutter/content/102-widgets/100-stateless-widgets.md index eaf95bb21..c04215c92 100644 --- a/src/roadmaps/flutter/content/102-widgets/100-stateless-widgets.md +++ b/src/roadmaps/flutter/content/102-widgets/100-stateless-widgets.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: - [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) \ No newline at end of file diff --git a/src/roadmaps/flutter/content/102-widgets/101-stateful-widgets.md b/src/roadmaps/flutter/content/102-widgets/101-stateful-widgets.md index 79c346920..5e46ac496 100644 --- a/src/roadmaps/flutter/content/102-widgets/101-stateful-widgets.md +++ b/src/roadmaps/flutter/content/102-widgets/101-stateful-widgets.md @@ -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: - [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) \ No newline at end of file diff --git a/src/roadmaps/flutter/content/102-widgets/index.md b/src/roadmaps/flutter/content/102-widgets/index.md index 30a32ed48..e9eb1d85c 100644 --- a/src/roadmaps/flutter/content/102-widgets/index.md +++ b/src/roadmaps/flutter/content/102-widgets/index.md @@ -1,7 +1,21 @@ # 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: - [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) \ No newline at end of file