Scribd
Upload
13 views6 pages

Widgets List2

The document provides a comprehensive overview of various Flutter widgets, detailing their functionalities and use cases. Each widget is described briefly, highlighting its purpose, such as creating dialog boxes, animations, UI elements, and iOS-specific components. The list includes widgets for layout, interaction, styling, and data presentation, among others.

Uploaded by

B-1333 Attharva dholle
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
13 views6 pages

Widgets List2

The document provides a comprehensive overview of various Flutter widgets, detailing their functionalities and use cases. Each widget is described briefly, highlighting its purpose, such as creating dialog boxes, animations, UI elements, and iOS-specific components. The list includes widgets for layout, interaction, styling, and data presentation, among others.

Uploaded by

B-1333 Attharva dholle
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 6

1.

aboutdialog widget
It gives you popup also called dialog box

2.aboutlist tile widget


basically its an information button which will pop you a dialog box and it will
have options

3.absorbpointer widget
it makes button unclickable

alertdialog widget
once you click it , you will be shown a dialog box

flutter align widget


it helps you to align the logos accordingly

animated align widget


amimate the transition between the alignment of the widget

animated builder widget


it is used to show animation accordingly. if you put rotate animation then it will
show you rotation or accordingly it will give you the animations

animated container widget


it will have a container and you can add logo to it and the container will do
animations accordingly like zooming and size change

animated cross fade widget


it will change animations in faded style just like you see in your surface laptop

animated default text style widget


it will animate the text like you can change its size and accordingly you can
change its colour too

animated icon widget


simple example is pause and play button when we pause it transition to play it
doesn't change

animated list widget


used to create animated list

animated modal barrier widget


if we want to avoid clicking of button then we can use this widget so that once the
certain condition is met the barrier will be removed and we can allow the clicking
of the button

animated opacity widget


it shows the animation of disappearing completely by becoming opaque

animated padding widget


it will change the padding accordingly. Padding basically means that you can change
the size accordingly

animated physical model widgets


it transits between the different physical properties of widgets such as elevation,
shape and colour

animated positioned widgets


to smoothly animate a widget's position over time
animated rotation widgets
to rotate the logo by certain angle

animated size widgets


widgets will be able to change its size when pressed accordingly

animatedswitcher
to switch between two or more widgets with an animation

appbar widget
its used to create and app bar you can have any logos if you want there

aspect ratio widget


use to set aspect ratio of a widget

autocomplete widget
it is used to autofill

banner widget
used to create banner

baseline widget
used to create a baseline so that the widget can be positioned accordingly

block semantics
useful for those who use voiceover to understand what happened on screen

bottom navigation bar widget


the buttons you see in bottom bar to change the screen

bottom sheet
once you press the button the sheet will appear from down

builder widget
it will give you access to new context

card widget
its like a container widget but it has elevation and it has rounded corners

center widget
it centers the widget

checkbox widget
it helps to create a checkbox in our app

checkbox list tile widget


it creates a checkbox in a tile widget

chip widget
it looks just like the buttons we see when we first login into twitter long with
rounded edges

circle avatar widget


inside the circle we will have the avatar of your choice it can be text or image or
photo just like the WhatsApp dp photo

circular progress indicator widget


it basically is that loading or buffering circle progress where in progress the bar
fills slowly and in buffering the circle will move round and round

clip oval widget


it will just print the circle

clip path widget


creates a wave in the background

clip rect widget


clips a rectangle around its child widget

cliprrect widget
to clip child widgets into a rounded rectangular shape

close button widget


its an x like shape button that is used to close anything

colored box widget


it just creates colored box

colorfiltered widget
it will create blend effect on image

constrained box widget


used to constrain any widget inside it

container widget
it creates a normal container but you can also add constrains to it

column widget
basically used to create columns which includes text and other things like tiles
and so on

cupertinoactionsheetaction widget
basically a popup will come out telling you that what options are available just
like menu after you select subway on Zomato

Cupertino app widget


use to build ios style apps

Cupertino activity indicator widget


loading animation but for ios

Cupertino alert dialog widget


an alert dialog box for ios apps which has 2 options on it

Cupertino button widget


button for ios style apps

Cupertino context menu widget


example of WhatsApp when hold a picture and options pop up bluring the background
and showing you the options

Cupertino date picker widget


it is used to select date in ios format i.e. when you set date in alarm in iPhone

Cupertino page route widget


we can change pages and it will be in iPhone transition
Cupertino page scaffold widget
basically it will give you ios wallpaper

Cupertino picker widget


an ios style option picker to select options

Cupertino popup surface widget


an ios style popup will show up from bottom

Cupertino scroll bar widget


an ios style scroll bar

Cupertino text search field widget


it will be a text search field in ios format

Cupertino segmented control widget


used to select between multiple options in horizontal list

Cupertino slider widget


used to create a slider in ios style

Cupertino sliding segmented control widget


it uses segmented control where its transition is in sliding format

Cupertino switch widget


basically alarm on off button in iPhone

Cupertino tab scaffold widget


basically we can create a scaffold in ios style which will transition in ios style

Cupertino tab bar widget


basically its a widget(bar) at bottom of app

Cupertino tab view widget


basically tab view will be in ios style

Cupertino text field widget


it creates an ios style text field

custom paint widget


to create a highly customized graphics and design on screen

custom scroll view widget


it creates a scroll effect which can be customized scroll effect

data table widget


used to create data table

data column widget


it helps us to create column widget

data cell widget


you can create data cell widget which will have data cell inside table

data row widget


to display a single row of data within a table-like structure on a user interface

date picker widget


basically its used to select date to fill certain information
date range picker widget
basically its used to select date range

decorated box widget


it is used to create a box inside gradient

decorated box transition widget


basically you can add a box in your gradient which will change its shape in
transition manner

default text style widget


basically it will create default style for text

Dismissible widget
basically when you slide a mail in gmail ,certain actions are performed thats what
dismissible widget does

flutter divider widget


used to divide 2 different widgets

draggable scorable widget


basically it scrolls entire list upwards basically you wil have dragable list of
scrollable items

drag target widget


we will be able to take a draggable widget and put inside drag target widget

draggable widget
to create a user interface element that can be physically dragged and dropped by
the user within an application

drawer widget
basically telegram side drawer when you want to go into settings

drawer header widget


basically a header will be present which will contain information of the widget
inside drawer

drop down button widget


basically it is a drop down menu having as many options as you want

elevated button widget


this will create an elevated style button and you can also add information into it

error details widget


it gives you error details in debug console

error widget
it will show you the error

expanded widget
to fill available space in a column or row with a child widget

expand icon widget


it will expand and show you widgets

expansion panel list widget


it will expand the panel list further
expansion panel widget
it expands panel

Expansion Tile widget


allows users to expand or collapse list items to reveal more information

fade in image widget


to display images that take a long time to load, like images downloaded from a
network.just like wallpaper slide show in windows

FadeTransition widget
it does transition of images in faded manner

filter chip widget


basically the chip is used to filter certain things from a list

You might also like