7 Basic UI widegts in Flutter

A Thread🧵
🔹Scaffold: It provides the basic material layout of any app and can provide an AppBar, FloatingActionButton, body structure and a backgroundColor property

learn more about it here:
api.flutter.dev/flutter/materi…
🔸Column: It displays its multiple children in a vertical array. It is not scrollable and has multiple basic axis alignment properties that help to position its children relevantly

learn more about it here:
api.flutter.dev/flutter/widget…
🔹Row: It is similar to the column widget and it can display its multiple children horizontally and can be wrapped with an expanded widget to fill the available horizontal space.

learn more about it here:
api.flutter.dev/flutter/widget…
🔸Center: This widget centers the child, it is wrapped around with respect to the widget that it is wrapped with

learn more about it here:
api.flutter.dev/flutter/widget…
🔹SizedBox: It is a box with specified size constraints(height, width). If provided, this widget resizes its child with the specified height and width

learn more about it here:
api.flutter.dev/flutter/widget…
🔸Align: Align widget aligns its child within itself and optionally sizes itself based on the child's size

learn more about it here:
api.flutter.dev/flutter/widget…
🔹Container: It is one of the most frequently used widgets that provides painting, positioning, and also sizing widgets

learn more about it here:
api.flutter.dev/flutter/widget…
If you want to learn new things Every week don't forget to subscribe to the "Insane Developer" newsletter below
You will not regret it
getrevue.co/profile/vinays…
Enjoyed the thread🧐

If yes🤩
then don't forget to follow @Vinaystwt to get more Mindblowing Developer Resources and threads

Also, Turn that Notifications icon on so that you will not miss it next time when I upload something Really amazing post🤯🤯

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Vinay Sharma

Vinay Sharma Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @Vinaystwt

12 Nov
20+ Google Chrome Extensions for Developers

A Mega Thread🧵
1. Githunt:- Replace the new tab with a list of trending repositories on GitHub belonging to any technology that you chose Image
2. What font:- With this extension, you could inspect web fonts by just hovering on them. Image
Read 27 tweets
10 Nov
Basic Data Structures you should know

A Thread🧵
1️⃣Array: Array data structure contains a group of elements. These elements are all of the same data type, such as an integer or string

You can learn more about Array from here
geeksforgeeks.org/introduction-t…
2️⃣Stack: Stack data structure used to store a collection of objects i.e. particular objects can be added and stored in a stack by the Last In First Out principle

You can learn more about Stack from here
geeksforgeeks.org/stack-data-str…
Read 12 tweets
7 Nov
7 Websites you Won’t Believe Exist 🤯

These Websites are very important for you if you are a Web Developer or App Developer

Including One *BONUS* Resource!!

A Thread↓
1️⃣Photopea
Online Photo Editor lets you edit photos, apply effects, filters, add text, crop or resize pictures.

🔗photopea.com
2️⃣Blobr
Get Your branded API portal, manage access and monitor usage

🔗blobr.io
Read 11 tweets
6 Nov
DAO, Linux Commands for Programmers, NFTs will change hiring forever, 20 useful frameworks

A Meta Thread↓
Read 16 tweets
1 Nov
Git/Github cheatsheet for Every Programmer

A Thread🧵
🔹git init
This will create .git repository in your project
🔹git add .
If you want to add everything from the project folder to the staging area
Read 17 tweets
31 Oct
7 Websites you Won’t Believe Exist 🤯

These Websites are very important for you if you are a Web Developer or App Developer

Including One *BONUS* Resource!!

A Thread↓
1⃣Who can use
It's a tool that brings attention and understanding to how color contrast can affect different people with visual impairments.

🔗whocanuse.com Image
2️⃣Screen Size Map
A comparison chart of popular viewport sizes in device-independent pixel.

🔗screensizemap.com Image
Read 11 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Thank you for your support!

Follow Us on Twitter!

:(