Supported Widgets

Widgets are auto-identified as you create an application. Make quick modifications for these widgets and widget properties. Easily fix the issues or modify them as per design needs. Below are the supported Flutter widgets which you can play with in the editor area of Flutter builder.

AppBar

The topmost widget for any screen which represents the top layer containing basic navigations of the app like navigation menu, go to profile button, etc.

Attribute	Description
id	Specifies name of AppBar
height	Defines height for AppBar

AutoCompleteTextField

A widget for helping the user make a selection by entering some text and choosing from among a list of options.

Attribute	Description
id	Specifies name for AutoCompleteTextField
alignment	Defines alignment for AutoCompleteTextField
marginLeft	Defines left margin for AutoCompleteTextField
marginRight	Defines right margin for AutoCompleteTextField
marginBottom	Defines bottom margin for AutoCompleteTextField
marginTop	Defines top margin for AutoCompleteTextField
paddingLeft	Defines left padding for AutoCompleteTextField
paddingRight	Defines right padding for AutoCompleteTextField
paddingBottom	Defines bottom padding for AutoCompleteTextField
paddingTop	Defines top padding for AutoCompleteTextField
width	Defines width for AutoCompleteTextField

Button

A button allows users to take action and make choices with a single tap. They can be used in any part of our user interface, including dialogs, forms, cards, toolbars, etc.

You can add an onClick to set an action on tap of a button.

Attribute	Description
id	Specifies name for Button
onClick	Let’s you set up on-click action on Button
alignment	Defines alignment for Button
marginLeft	Defines left margin for Button
marginRight	Defines right margin for Button
marginBottom	Defines bottom margin for Button
marginTop	Defines top margin for Button
paddingLeft	Defines left padding for Button
paddingRight	Defines right padding for Button
paddingBottom	Defines bottom padding for Button
paddingTop	Defines top padding for Button
width	Defines width for Button
height	Defines height for Button

Calendar

A widget with built-in configurable views such as day, week, workweek, month, schedule, timeline day, timeline week, timeline workweek and timeline month that provide basic functionalities for scheduling and representing appointments/events efficiently.

Flutter supports the table_calendar widget for calendar.

Attribute	Description
id	Specifies name for Calendar
alignment	Defines alignment for Calendar
marginLeft	Defines left margin for Calendar
marginRight	Defines right margin for Calendar
marginBottom	Defines bottom margin for Calendar
marginTop	Defines top margin for Calendar
paddingLeft	Defines left padding for Calendar
paddingRight	Defines right padding for Calendar
paddingBottom	Defines bottom padding for Calendar
paddingTop	Defines top padding for Calendar
width	Defines width for Calendar
height	Defines height for Calendar

Card

A card is a sheet used to represent information related to each other, such as an album, a geographical location, contact details, etc. We mainly use it to store the content and action of a single object.

A card has rounded corners and a shadow.

You can add an onClick to set an action on tap of a card.

Attribute	Description
id	Specifies name for Card
onClick	Let’s you set up on-click action on Card
alignment	Defines alignment for Card
marginLeft	Defines left margin for Card
marginRight	Defines right margin for Card
marginBottom	Defines bottom margin for Card
marginTop	Defines top margin for Card
paddingLeft	Defines left padding for Card
paddingRight	Defines right padding for Card
paddingBottom	Defines bottom padding for Card
paddingTop	Defines top padding for Card
width	Defines width for Card

Checkbox

A checkbox is a graphical widget that allows you to make a binary decision, that is, a decision between two mutually exclusive possibilities.

Attribute	Description
id	Specifies name for Checkbox
alignment	Defines alignment for Checkbox
marginLeft	Defines left margin for Checkbox
marginRight	Defines right margin for Checkbox
marginBottom	Defines bottom margin for Checkbox
marginTop	Defines top margin for Checkbox
paddingLeft	Defines left padding for Checkbox
paddingRight	Defines right padding for Checkbox
paddingBottom	Defines bottom padding for Checkbox
paddingTop	Defines top padding for Checkbox

ChipItem

An item of the chip which can be an attribute, text, entity, or action.

You can add an onClick to set an action on tap of a chip item.

Attribute	Description
id	Specifies name for ChipItem
onClick	Let’s you set up on-click action on ChipItem
alignment	Defines alignment for ChipItem
marginLeft	Defines left margin for ChipItem
marginRight	Defines right margin for ChipItem
marginBottom	Defines bottom margin for ChipItem
marginTop	Defines top margin for ChipItem
paddingLeft	Defines left padding for ChipItem
paddingRight	Defines right padding for ChipItem
paddingBottom	Defines bottom padding for ChipItem
paddingTop	Defines top padding for ChipItem
width	Defines width for ChipItem

Chip

Chips are compact elements that represent an attribute, text, entity, or action.

Attribute	Description
id	Specifies name for Chip
marginLeft	Defines left margin for Chip
marginRight	Defines right margin for Chip
marginBottom	Defines bottom margin for Chip
marginTop	Defines top margin for Chip
paddingLeft	Defines left padding for Chip
paddingRight	Defines right padding for Chip
paddingBottom	Defines bottom padding for Chip
paddingTop	Defines top padding for Chip
width	Defines width for Chip

CircleImage

A circular image view is commonly used for displaying an avatar or profile pic.

This is equivalent to an Image wrapped with ClipRRect.

You can add an onClick to set an action on tap of the image.

Attribute	Description
id	Specifies name for CircleImage
onClick	Let’s you set up on-click action on CircleImage
alignment	Defines alignment for CircleImage
marginLeft	Defines left margin for CircleImage
marginRight	Defines right margin for CircleImage
marginBottom	Defines bottom margin for CircleImage
marginTop	Defines top margin for CircleImage
width	Defines width for CircleImage
height	Defines height for CircleImage

CircularProgressIndicator

A widget that shows progress in a circular manner.

Attribute	Description
id	Specifies name for CircularProgressIndicator
alignment	Defines alignment for CircularProgressIndicator
marginLeft	Defines left margin for CircularProgressIndicator
marginRight	Defines right margin for CircularProgressIndicator
marginBottom	Defines bottom margin for CircularProgressIndicator
marginTop	Defines top margin for CircularProgressIndicator
paddingLeft	Defines left padding for CircularProgressIndicator
paddingRight	Defines right padding for CircularProgressIndicator
paddingBottom	Defines bottom padding for CircularProgressIndicator
paddingTop	Defines top padding for CircularProgressIndicator
width	Defines width for CircularProgressIndicator
height	Defines height for CircularProgressIndicator

Column

A Column is a widget used to display child widgets in a vertical manner.

This widget contains multiple widgets which are displayed in the same vertical column from top to bottom.

You can add an onClick to set an action on tap of a column.

Attribute	Description
id	Specifies name for Column
onClick	Let’s you set up on-click action on Column
alignment	Defines alignment for Column
marginLeft	Defines left margin for Column
marginRight	Defines right margin for Column
marginBottom	Defines bottom margin for Column
marginTop	Defines top margin for Column
paddingLeft	Defines left padding for Column
paddingRight	Defines right padding for Column
paddingBottom	Defines bottom padding for Column
paddingTop	Defines top padding for Column
width	Defines width for Column
verticalAlignment	Defines vertical alignment for Column
horizontalAlignment	Defines horizontal alignment for Column

CountryPicker

A widget which provides an easy way to search and select country or country phone code for the telephone number.

You can add an onClick to set an action on tap of it to open a menu for picking a country/country code.

Attribute	Description
id	Specifies name for CountryPicker
onClick	Let’s you set up on-click action on CountryPicker
alignment	Defines alignment for CountryPicker
marginLeft	Defines left margin for CountryPicker
marginRight	Defines right margin for CountryPicker
marginBottom	Defines bottom margin for CountryPicker
marginTop	Defines top margin for CountryPicker
paddingLeft	Defines left padding for CountryPicker
paddingRight	Defines right padding for CountryPicker
paddingBottom	Defines bottom padding for CountryPicker
paddingTop	Defines top padding for CountryPicker
width	Defines width for CountryPicker

Divider

A thin horizontal line with padding on either side. In the material design, this represents a divider.

Dividers can be used in lists, and drawers to separate content.

Attribute	Description
id	Specifies name for Divider
alignment	Defines alignment for Divider
marginLeft	Defines left margin for Divider
marginRight	Defines right margin for Divider
marginBottom	Defines bottom margin for Divider
marginTop	Defines top margin for Divider
width	Defines width for Divider
height	Defines height for Divider

Dropdown

A dropdown allows you to choose from a list of options. It displays the presently chosen item and an arrow on the right that leads to a menu where you can pick another item.

Attribute	Description
id	Specifies name for Dropdown
alignment	Defines alignment for Dropdown
marginLeft	Defines left margin for Dropdown
marginRight	Defines right margin for Dropdown
marginBottom	Defines bottom margin for Dropdown
marginTop	Defines top margin for Dropdown
paddingLeft	Defines left padding for Dropdown
paddingRight	Defines right padding for Dropdown
paddingBottom	Defines bottom padding for Dropdown
paddingTop	Defines top padding for Dropdown
width	Defines width for Dropdown

ExpandableList

A type of list view that is used to show multiple types of data based on category and subcategory.

You can add an onClick to set an action to expand or collapse on tap of the view in list items.

Attribute	Description
id	Specifies name for ExpandableList
onClick	Let’s you set up on-click action on ExpandableList
alignment	Defines alignment for ExpandableList
marginLeft	Defines left margin for ExpandableList
marginRight	Defines right margin for ExpandableList
marginBottom	Defines bottom margin for ExpandableList
marginTop	Defines top margin for ExpandableList
paddingLeft	Defines left padding for ExpandableList
paddingRight	Defines right padding for ExpandableList
paddingBottom	Defines bottom padding for ExpandableList
paddingTop	Defines top padding for ExpandableList
width	Defines width for ExpandableList

GridView

GridView is a Flutter widget that displays objects in a 2-D array (two-dimensional rows and columns).

You can add an onClick to set an action on tap of a grid.

Attribute	Description
id	Specifies name for GridView
onClick	Let’s you set up on-click action on GridView
alignment	Defines alignment for GridView
marginLeft	Defines left margin for GridView
marginRight	Defines right margin for GridView
marginBottom	Defines bottom margin for GridView
marginTop	Defines top margin for GridView
paddingLeft	Defines left padding for GridView
paddingRight	Defines right padding for GridView
paddingBottom	Defines bottom padding for GridView
paddingTop	Defines top padding for GridView

IconButton

An icon button is a picture printed on a Material widget that reacts when pressed. Icon buttons are commonly used in the AppBar and many other places in the screen design.

You can add an onClick to set an action on tap of a icon button.

Attribute	Description
id	Specifies name for IconButton
onClick	Let’s you set up on-click action on IconButton
alignment	Defines alignment for IconButton
marginLeft	Defines left margin for IconButton
marginRight	Defines right margin for IconButton
marginBottom	Defines bottom margin for IconButton
marginTop	Defines top margin for IconButton
paddingLeft	Defines left padding for IconButton
paddingRight	Defines right padding for IconButton
paddingBottom	Defines bottom padding for IconButton
paddingTop	Defines top padding for IconButton
width	Defines width for IconButton
height	Defines height for IconButton

Image

For image, you can modify image attributes like width, height, margin-top, margin-bottom, margin-left, and margin-right.

You can add an onClick to set an action on tap of an image.

Attribute	Description
id	Specifies name for Image
onClick	Let’s you set up on-click action on Image
alignment	Defines alignment for Image
marginLeft	Defines left margin for Image
marginRight	Defines right margin for Image
marginBottom	Defines bottom margin for Image
marginTop	Defines top margin for Image
width	Defines width for Image
height	Defines height for Image

ListView

It is a group of objects which can be vertical or horizontal.

You can add an onClick to set an action on tap of a list.

Attribute	Description
id	Specifies name for ListView
onClick	Let’s you set up on-click action on ListView
alignment	Defines alignment for ListView
marginLeft	Defines left margin for ListView
marginRight	Defines right margin for ListView
marginBottom	Defines bottom margin for ListView
marginTop	Defines top margin for ListView
width	Defines width for ListView

LinearProgressIndicator

The linear progress indicator is a bar that shows the progress of the task in a horizontal manner.

Attribute	Description
id	Specifies name for LinearProgressIndicator
alignment	Defines alignment for LinearProgressIndicator
marginLeft	Defines left margin for LinearProgressIndicator
marginRight	Defines right margin for LinearProgressIndicator
marginBottom	Defines bottom margin for LinearProgressIndicator
marginTop	Defines top margin for LinearProgressIndicator
paddingLeft	Defines left padding for LinearProgressIndicator
paddingRight	Defines right padding for LinearProgressIndicator
paddingBottom	Defines bottom padding for LinearProgressIndicator
paddingTop	Defines top padding for LinearProgressIndicator
width	Defines width for LinearProgressIndicator
height	Defines height for LinearProgressIndicator

Map

A Map widget is used for integrating Google maps into your app.

You can also change the view of an identified component to Map, if it is not identified.

Attribute	Description
id	Specifies name for Map
alignment	Defines alignment for Map
marginLeft	Defines left margin for Map
marginRight	Defines right margin for Map
marginBottom	Defines bottom margin for Map
marginTop	Defines top margin for Map
paddingLeft	Defines left padding for Map
paddingRight	Defines right padding for Map
paddingBottom	Defines bottom padding for Map
paddingTop	Defines top padding for Map
enableZoom	Boolean to enable zoom for Map
enableMarker	Boolean to enable marker for Map
width	Defines width for Map
height	Defines height for Map

OTPView

A widget used for a specific purpose, such as when one-time password verification is necessary.

Attribute	Description
id	Specifies name for OTPView
alignment	Defines alignment for OTPView
marginLeft	Defines left margin for OTPView
marginRight	Defines right margin for OTPView
marginBottom	Defines bottom margin for OTPView
marginTop	Defines top margin for OTPView
paddingLeft	Defines left padding for OTPView
paddingRight	Defines right padding for OTPView
paddingBottom	Defines bottom padding for OTPView
paddingTop	Defines top padding for OTPView
width	Defines width for OTPView

PagerIndicator

Flutter Pager indications are the dots that appear at the top or bottom of the mobile screen. The number of pages in a series is indicated by pager indicators, which also indicate which page is presently being displayed.

Attribute	Description
id	Specifies name for PagerIndicator
alignment	Defines alignment for PagerIndicator
marginLeft	Defines left margin for PagerIndicator
marginRight	Defines right margin for PagerIndicator
marginBottom	Defines bottom margin for PagerIndicator
marginTop	Defines top margin for PagerIndicator
paddingLeft	Defines left padding for PagerIndicator
paddingRight	Defines right padding for PagerIndicator
paddingBottom	Defines bottom padding for PagerIndicator
paddingTop	Defines top padding for PagerIndicator
width	Defines width for PagerIndicator
height	Defines height for PagerIndicator
indicatorHeight	Defines indicator’s height for PagerIndicator
indicatorWidth	Defines indicator’s width for PagerIndicator

PagerElement

The PagerElement widget helps you to switch between different screens for a Pager set up.

This is a page-by-page scrollable list.

Attribute	Description
tabScreen	Specifies the attached Tab screen

Pager

A widget that allows to set up pagination.

Attribute	Description
id	Specifies name for Pager
alignment	Defines alignment for Pager
marginLeft	Defines left margin for Pager
marginRight	Defines right margin for Pager
marginBottom	Defines bottom margin for Pager
marginTop	Defines top margin for Pager
paddingLeft	Defines left padding for Pager
paddingRight	Defines right padding for Pager
paddingBottom	Defines bottom padding for Pager
paddingTop	Defines top padding for Pager
width	Defines width for Pager
height	Defines height for Pager

PhoneNumberInput

The Phone Number field is similar to a number field, but with a pre-defined list of common phone number patterns.

In this number field, letters and most symbols are not allowed.

Attribute	Description
id	Specifies name for PhoneNumberInput
alignment	Defines alignment for PhoneNumberInput
marginLeft	Defines left margin for PhoneNumberInput
marginRight	Defines right margin for PhoneNumberInput
marginBottom	Defines bottom margin for PhoneNumberInput
marginTop	Defines top margin for PhoneNumberInput
paddingLeft	Defines left padding for PhoneNumberInput
paddingRight	Defines right padding for PhoneNumberInput
paddingBottom	Defines bottom padding for PhoneNumberInput
paddingTop	Defines top padding for PhoneNumberInput
width	Defines width for PhoneNumberInput

Radio

A radio button, often known as an options button, is a button that stores a Boolean value.

It lets you select only one option from a list of possibilities.

Attribute	Description
id	Specifies name for Radio
alignment	Defines alignment for Radio
marginLeft	Defines left margin for Radio
marginRight	Defines right margin for Radio
marginBottom	Defines bottom margin for Radio
marginTop	Defines top margin for Radio
paddingLeft	Defines left padding for Radio
paddingRight	Defines right padding for Radio
paddingBottom	Defines bottom padding for Radio
paddingTop	Defines top padding for Radio

RadioGroup

Shows the group of similar Radio's as a RadioGroup.

Attribute	Description
id	Specifies name for RadioGroup
alignment	Defines alignment for RadioGroup
marginLeft	Defines left margin for RadioGroup
marginRight	Defines right margin for RadioGroup
marginBottom	Defines bottom margin for RadioGroup
marginTop	Defines top margin for RadioGroup
paddingLeft	Defines left padding for RadioGroup
paddingRight	Defines right padding for RadioGroup
paddingBottom	Defines bottom padding for RadioGroup
paddingTop	Defines top padding for RadioGroup

RatingBar

A rating bar, as the name suggests, is used to rate a content within the app. For a rating bar/indicator item, any widget can be utilized.

Attribute	Description
id	Specifies name for RatingBar
alignment	Defines alignment for RatingBar
marginLeft	Defines left margin for RatingBar
marginRight	Defines right margin for RatingBar
marginBottom	Defines bottom margin for RatingBar
marginTop	Defines top margin for RatingBar
paddingLeft	Defines left padding for RatingBar
paddingRight	Defines right padding for RatingBar
paddingBottom	Defines bottom padding for RatingBar
paddingTop	Defines top padding for RatingBar

Row

A widget that displays its children in a horizontal array.

This is the widget to use if you want multiple widgets to be displayed in the same horizontal row.

You can add an onClick to set an action on tap of a row.

Attribute	Description
id	Specifies name for Row
onClick	Let’s you set up on-click action on Row
alignment	Defines alignment for Row
marginLeft	Defines left margin for Row
marginRight	Defines right margin for Row
marginBottom	Defines bottom margin for Row
marginTop	Defines top margin for Row
paddingLeft	Defines left padding for Row
paddingRight	Defines right padding for Row
paddingBottom	Defines bottom padding for Row
paddingTop	Defines top padding for Row
verticalAlignment	Defines vertical alignment for Row
horizontalAlignment	Defines horizontal alignment for Row

ScrollView

It is used to scroll multiple widgets as children of the parent.

Attribute	Description
id	Specifies name for ScrollView
alignment	Defines alignment for ScrollView
marginLeft	Defines left margin for ScrollView
marginRight	Defines right margin for ScrollView
marginBottom	Defines bottom margin for ScrollView
marginTop	Defines top margin for ScrollView
paddingLeft	Defines left padding for ScrollView
paddingRight	Defines right padding for ScrollView
paddingBottom	Defines bottom padding for ScrollView
paddingTop	Defines top padding for ScrollView

SearchView

Provides an edit area where you can add any term and filter out the list based on the input term quickly.

Attribute	Description
id	Specifies name for SearchView
alignment	Defines alignment for SearchView
marginLeft	Defines left margin for SearchView
marginRight	Defines right margin for SearchView
marginBottom	Defines bottom margin for SearchView
marginTop	Defines top margin for SearchView
paddingLeft	Defines left padding for SearchView
paddingRight	Defines right padding for SearchView
paddingBottom	Defines bottom padding for SearchView
paddingTop	Defines top padding for SearchView
width	Defines width for SearchView

SeekBar

In Flutter, a seek bar is a material design widget that allows you to select a range of values.

A seek bar is an extension of a ProgressBar that adds a draggable thumb.

With seek bar, you can choose from a continuous or discrete collection of values.

Attribute	Description
id	Specifies name for SeekBar
alignment	Defines alignment for SeekBar
marginLeft	Defines left margin for SeekBar
marginRight	Defines right margin for SeekBar
marginBottom	Defines bottom margin for SeekBar
marginTop	Defines top margin for SeekBar
paddingLeft	Defines left padding for SeekBar
paddingRight	Defines right padding for SeekBar
paddingBottom	Defines bottom padding for SeekBar
paddingTop	Defines top padding for SeekBar
width	Defines width for SeekBar

Slider

A slider allows you to set a range of values by dragging or pressing on the desired position.

Attribute	Description
id	Specifies name for Slider
alignment	Defines alignment for Slider
marginLeft	Defines left margin for Slider
marginRight	Defines right margin for Slider
marginBottom	Defines bottom margin for Slider
marginTop	Defines top margin for Slider
paddingLeft	Defines left padding for Slider
paddingRight	Defines right padding for Slider
paddingBottom	Defines bottom padding for Slider
paddingTop	Defines top padding for Slider
width	Defines width for Slider
height	Defines height for Slider

Spacer

Spacer creates an adjustable, empty space that can be used to tune the spacing between widgets in a Flex container, like Row or Column.

Attribute	Description
id	Specifies name for Spacer
flex	A flex widget allows you to control the axis along which the children are placed (horizontal or vertical).

Stack

Stack is a widget with children that are positioned relative to the box's edges.

This widget is super useful if you want to easily overlap multiple children, such as having some text and an image overlaid with a gradient and a button at the bottom.

You can add an onClick to set an action on tap of a stack.

Attribute	Description
id	Specifies name for Stack
onClick	Let’s you set up on-click action on Stack
alignment	Defines alignment for Stack
marginLeft	Defines left margin for Stack
marginRight	Defines right margin for Stack
marginBottom	Defines bottom margin for Stack
marginTop	Defines top margin for Stack
paddingLeft	Defines left padding for Stack
paddingRight	Defines right padding for Stack
paddingBottom	Defines bottom padding for Stack
paddingTop	Defines top padding for Stack
width	Defines width for Stack
height	Defines height for Stack

Staggered

Staggered is a layout for displaying data in a grid format.

It is made up of containers that are arranged in rows and columns of various sizes.

You can add an onClick to set an action on tap of a grid.

Attribute	Description
id	Specifies name for Staggered
onClick	Let’s you set up on-click action on Staggered
alignment	Defines alignment for Staggered
marginLeft	Defines left margin for Staggered
marginRight	Defines right margin for Staggered
marginBottom	Defines bottom margin for Staggered
marginTop	Defines top margin for Staggered
paddingLeft	Defines left padding for Staggered
paddingRight	Defines right padding for Staggered
paddingBottom	Defines bottom padding for Staggered
paddingTop	Defines top padding for StStaggeredack
width	Defines width for Staggered

Switch

A switch is a two-state user interface element that can be toggled between ON(Checked) and OFF(Unchecked).

It's a button with a thumb slider that you can move back and forth to select an ON or OFF option.

Attribute	Description
id	Specifies name for Switch
alignment	Defines alignment for Switch
marginLeft	Defines left margin for Switch
marginRight	Defines right margin for Switch
marginBottom	Defines bottom margin for Switch
marginTop	Defines top margin for Switch
paddingLeft	Defines left padding for Switch
paddingRight	Defines right padding for Switch
paddingBottom	Defines bottom padding for Switch
paddingTop	Defines top padding for Switch

Tab

It is used to switch between multiple child views using interactive user interface elements.

The tabs are mostly used for navigating on mobile devices.

Attribute	Description
id	Specifies name for Tab
alignment	Defines alignment for Tab
marginLeft	Defines left margin for Tab
marginRight	Defines right margin for Tab
marginBottom	Defines bottom margin for Tab
marginTop	Defines top margin for Tab
paddingLeft	Defines left padding for Tab
paddingRight	Defines right padding for Tab
paddingBottom	Defines bottom padding for Tab
paddingTop	Defines top padding for Tab
width	Defines width for Tab
height	Defines height for Tab

Text

The Text widget displays a string of text with a single style. It is also used to show certain information to the user.

You can add an onClick to set an action on tap of a text.

Attribute	Description
id	Specifies name for Text
onClick	Let’s you set up on-click action on Text
alignment	Defines alignment for Text
marginLeft	Defines left margin for Text
marginRight	Defines right margin for Text
marginBottom	Defines bottom margin for Text
marginTop	Defines top margin for Text
paddingLeft	Defines left padding for Text
paddingRight	Defines right padding for Text
paddingBottom	Defines bottom padding for Text
paddingTop	Defines top padding for Text
width	Defines width for Text
height	Defines height for Text

TextFormField

TextFormField is the most commonly used widget for text input.

You can set text-form validation on it, and also bind its input with API responses while integrating an API.

Attribute	Description
id	Specifies name for TextFormField
alignment	Defines alignment for TextFormField
marginLeft	Defines left margin for TextFormField
marginRight	Defines right margin for TextFormField
marginBottom	Defines bottom margin for TextFormField
marginTop	Defines top margin for TextFormField
paddingLeft	Defines left padding for TextFormField
paddingRight	Defines right padding for TextFormField
paddingBottom	Defines bottom padding for TextFormField
paddingTop	Defines top padding for TextFormField
width	Defines width for TextFormField