Devlog 2
In this devlog, I will talk about what I learned and what I built today.
I started by learning the difference between stateless and stateful widgets. A stateless widget displays fixed content, while a stateful widget can update its content dynamically based on user interaction or data changes.
Next, I explored rows and columns. Rows arrange widgets horizontally, while columns arrange them vertically. Understanding these layouts helped me structure my UI more effectively.
I also learned about images and containers. Flutter provides two ways to display images: NetworkImage and AssetImage. Network images are loaded from a URL, while asset images are bundled with the app, making them more reliable and faster to load. Containers help organize and position widgets by providing spacing, sizing, and styling options.
Another topic I covered was fonts and text styling. Custom fonts need to be added to the project and configured before they can be used. Flutter’s text styling system feels similar to CSS, allowing customization of size, weight, color, and other properties.
While building my project, I also gained practical experience with buttons, padding, SizedBox, SingleChildScrollView, TextEditingControllers, and email/password input fields.
Using everything I learned yesterday and today, I built a simple Login UI. Although it is a basic project, it helped me understand how different widgets work together to create a functional interface.
Overall, today was focused on learning Flutter fundamentals and applying them in a small project rather than just following tutorials. My next goal is to improve the UI further and start adding functionality behind the interface.