Dynamic Widget Manual

February 18, 2022 ยท View on GitHub

Dynamic Widget Manual

Table of contents

Container Widget

Container widget, here to see flutter Container widget definition. Supported json properties:

propertydefinitiontypevaluesample
alignmentAlign the [child] within the containerStringOne of the following string:
topLeft
topCenter
topRight
centerLeft
center
centerRight
bottomLeft
bottomCenter
bottomRight
"topLeft"
marginEmpty space to surround the [decoration] and [child].Stringleft,top,right,bottom"8,10,12,8"
paddingEmpty space to inscribe inside the [decoration]. The [child], if any, isplaced inside this padding.Stringleft,top,right,bottom"8,10,12,8"
colorContainer background colorString"#AARRGGBB" or "#RRGGBB""#FF00FF"
"#00FF00FF"
widthContainer widthdouble200
heightContainer heightdouble200
constraintsContainer constraintsBoxConstraints{"minWidth":100, "maxWidth": 100, "minHeight": 100, "maxHeight": 100}
9999999999 would be the value of double.infinity
200
childThe [child] contained by the container.Widget
click_eventUrl route string, for example: "route://productDetail?goods_id=123" for navigating to product detail page.String"route://productDetail?goods_id=123"

Text Widget

Text widget, here to see flutter Text widget definition. Supported json properties:

propertydefinitiontypevaluesample
dataThe text to displayString"I am a text"
textAlignHow the text should be aligned horizontally.StringOne of the following string:
left (default)
right
center
justify
start
end
"left"
overflowHow visual overflow should be handled.StringOne of the following string:
ellipsis (default)
clip
fade
"ellipsis"
maxLinesAn optional maximum number of lines for the text to span, wrapping if necessary. If the text exceeds the given number of lines, it will be truncated according to overflow.int3
semanticsLabelAn alternative semantics label for this text.String
softWrapWhether the text should break at soft line breaks.booltrue
textDirectionThe directionality of the text.StringOne of the following string:
ltr (default)
rtl
"ltr"
textScaleFactorThe number of font pixels for each logical pixel.double
textSpanThe text to display as a TextSpan.TextSpan

TextSpan

TextSpan, here to see flutter TextSpan definition. Supported json properties:

propertydefinitiontypevaluesample
recognizerUrl route string, for example: "route://productDetail?goods_id=123" for navigating to product detail page. Currently only supports TapGestureRecognizerString"route://productDetail?goods_id=123"
textThe text contained in the span.String"I am a text"
styleThe style to apply to the text and the children.TextStyle{"color": "#00FFFF", "fontSize": 26.0}
childrenAdditional spans to include as children.List<TextSpan>

TextStyle

TextStyle, here to see flutter TextStyle definition. Supported json properties:

propertydefinitiontypevaluesample
colorThe color to use when painting the text.String"#AARRGGBB" or "#RRGGBB""#FF00FF"
"#00FF00FF"
debugLabelA human-readable description of this text style.String
decorationThe name of the decoration.StringOne of the following string: none (default)
lineThrough
overline
underline
"underline"
fontFamilyThe name of the font to use when painting the text (e.g., Roboto). If the font is defined in a package, this will be prefixed with 'packages/package_name/' (e.g. 'packages/cool_fonts/Roboto'). The prefixing is done by the constructor when the package argument is provided.String
fontSizeThe size of glyphs (in logical pixels) to use when painting the text.double
fontStyleThe typeface variant to use when drawing the letters (e.g., italics).StringOne of the following string: italic (default)
normal
"italic"
fontWeightThe typeface thickness to use when painting the text (e.g., bold).StringOne of the following string: w100
w200
w300
w400
w500
w600
w700
w800
w900
normal (default)
bold
"bold"

RaisedButton Widget

RaisedButton widget, here to see flutter RaisedButton widget definition. Supported json properties:

propertydefinitiontypevaluesample
colorThe button's fill color, displayed by its Material, while it is in its default (unpressed, enabled) state.String"#AARRGGBB" or "#RRGGBB""#FF00FF"
"#00FF00FF"
disabledColorThe fill color of the button when the button is disabled.String"#AARRGGBB" or "#RRGGBB""#FF00FF"
"#00FF00FF"
disabledElevationThe elevation for the button's Material when the button is not enabled.double
disabledTextColorThe color to use for this button's text when the button is disabled.String"#AARRGGBB" or "#RRGGBB""#FF00FF"
"#00FF00FF"
elevationThe z-coordinate at which to place this button. This controls the size of the shadow below the raised button.double
paddingThe internal padding for the button's child.Stringleft,top,right,bottom"8,10,12,8"
splashColorThe splash color of the button's InkWell.String"#AARRGGBB" or "#RRGGBB""#FF00FF"
"#00FF00FF"
textColorThe color to use for this button's text.String"#AARRGGBB" or "#RRGGBB""#FF00FF"
"#00FF00FF"
childThe button's label.Widget
click_eventUrl route string, for example: "route://productDetail?goods_id=123" for navigating to product detail page.String"route://productDetail?goods_id=123"

ElevatedButton Widget

ElevatedButton widget, here to see flutter ElevatedButton widget definition. Supported json properties:

propertydefinitiontypevaluesample
foregroundColorThe color for the button's Text and Icon widget descendants.String"#AARRGGBB" or "#RRGGBB""#FF00FF"
"#00FF00FF"
backgroundColorThe button's background fill color.String"#AARRGGBB" or "#RRGGBB""#FF00FF"
"#00FF00FF"
overlayColorThe highlight color that's typically used to indicate that the button is focused, hovered, or pressed.String"#AARRGGBB" or "#RRGGBB""#FF00FF"
"#00FF00FF"
shadowColorThe shadow color of the button's Material.String"#AARRGGBB" or "#RRGGBB""#FF00FF"
"#00FF00FF"
elevationThe z-coordinate at which to place this button. This controls the size of the shadow below the raised button.double
paddingThe internal padding for the button's child.Stringleft,top,right,bottom"8,10,12,8"
textStyleThe style to apply to the text and the children.TextStyle{"color": "#00FFFF", "fontSize": 26.0}
childThe button's label.Widget
alignmentHow to align the image within its bounds.Stringenum values, please see enum Alignment, default value is Alignment.center."center"
click_eventUrl route string, for example: "route://productDetail?goods_id=123" for navigating to product detail page.String"route://productDetail?goods_id=123"

TextButton Widget

TextButton widget, here to see flutter TextButton widget definition. Supported json properties:

propertydefinitiontypevaluesample
foregroundColorThe color for the button's Text and Icon widget descendants.String"#AARRGGBB" or "#RRGGBB""#FF00FF"
"#00FF00FF"
backgroundColorThe button's background fill color.String"#AARRGGBB" or "#RRGGBB""#FF00FF"
"#00FF00FF"
overlayColorThe highlight color that's typically used to indicate that the button is focused, hovered, or pressed.String"#AARRGGBB" or "#RRGGBB""#FF00FF"
"#00FF00FF"
shadowColorThe shadow color of the button's Material.String"#AARRGGBB" or "#RRGGBB""#FF00FF"
"#00FF00FF"
elevationThe z-coordinate at which to place this button. This controls the size of the shadow below the raised button.double
paddingThe internal padding for the button's child.Stringleft,top,right,bottom"8,10,12,8"
textStyleThe style to apply to the text and the children.TextStyle{"color": "#00FFFF", "fontSize": 26.0}
childThe button's label.Widget
alignmentHow to align the image within its bounds.Stringenum values, please see enum Alignment, default value is Alignment.center."center"
click_eventUrl route string, for example: "route://productDetail?goods_id=123" for navigating to product detail page.String"route://productDetail?goods_id=123"

Row Widget

Row widget, here to see flutter Row widget definition. Supported json properties:

propertydefinitiontypevaluesample
crossAxisAlignmentHow the children should be placed along the cross axis.StringOne of the following string:
center (default)
start
end
stretch
baseline
mainAxisAlignmentHow the children should be placed along the main axis.StringOne of the following string:
start (default)
end
center
spaceBetween
spaceAround
spaceEvenly
mainAxisSizeHow much space should be occupied in the main axis.StringOne of the following string:
max (default)
min
textBaselineIf aligning items according to their baseline, which baseline to use.StringOne of the following string:
ideographic (default)
alphabetic
textDirectionDetermines the order to lay children out horizontally and how to interpret start and end in the horizontal direction.StringOne of the following string:
ltr (default)
rtl
verticalDirectionDetermines the order to lay children out vertically and how to interpret start and end in the vertical direction.StringOne of the following string:
down (default)
up
childrenThe widgets below this widget in the tree.List<TextSpan>

Column Widget

Column widget, here to see flutter Column widget definition. Supported json properties:

propertydefinitiontypevaluesample
crossAxisAlignmentHow the children should be placed along the cross axis.StringOne of the following string:
center (default)
start
end
stretch
baseline
mainAxisAlignmentHow the children should be placed along the main axis.StringOne of the following string:
start (default)
end
center
spaceBetween
spaceAround
spaceEvenly
mainAxisSizeHow much space should be occupied in the main axis.StringOne of the following string:
max (default)
min
textBaselineIf aligning items according to their baseline, which baseline to use.StringOne of the following string:
ideographic (default)
alphabetic
textDirectionDetermines the order to lay children out horizontally and how to interpret start and end in the horizontal direction.StringOne of the following string:
ltr (default)
rtl
verticalDirectionDetermines the order to lay children out vertically and how to interpret start and end in the vertical direction.StringOne of the following string:
down (default)
up
childrenThe widgets below this widget in the tree.List<TextSpan>

AssetImage Widget

AssetImage widget, here to see flutter Asset Image widget definition. Supported json properties:

propertydefinitiontypevaluesample
nameThe picture asset nameString'images/cat.png'
semanticLabelA Semantic description of the image.String
excludeFromSemanticsWhether to exclude this image from semantics.bool
scaledouble
widthIf non-null, require the image to have this width.double
heightIf non-null, require the image to have this height.double
colorIf non-null, this color is blended with each image pixel using colorBlendMode.String"#AARRGGBB" or "#RRGGBB""#FF00FF"
"#00FF00FF"
blendModeUsed to combine color with this image.Stringenum values, please see enum BlendMode'srcIn'
boxFitHow to inscribe the image into the space allocated during layout.Stringenum values, please see enum BoxFit'none'
alignmentHow to align the image within its bounds.Stringenum values, please see enum Alignment, default value is Alignment.center."center"
repeatHow to paint any portions of the layout bounds not covered by the image.Stringenum values, please see enum ImageRepeat, default value is ImageRepeat.noRepeat.'noRepeat'
centerSliceThe center slice for a nine-patch image.Stringleft,top,right,bottom"8,10,12,8"
matchTextDirectionWhether to paint the image in the direction of the TextDirection.bool
gaplessPlaybackWhether to continue showing the old image (true), or briefly show nothing (false), when the image provider changes.bool
filterQualityUsed to set the FilterQuality of the image.Stringenum values, please see enum FilterQuality, default value is FilterQuality.low."low"
click_eventUrl route string, for example: "route://productDetail?goods_id=123" for navigating to product detail page.String"route://productDetail?goods_id=123"

NetworkImage Widget

NetworkImage widget, here to see flutter Network Image widget definition. Supported json properties:

propertydefinitiontypevaluesample
srcThe picture urlString'http://www.google.com/logo.png'
semanticLabelA Semantic description of the image.String
excludeFromSemanticsWhether to exclude this image from semantics.bool
scaledouble
widthIf non-null, require the image to have this width.double
heightIf non-null, require the image to have this height.double
colorIf non-null, this color is blended with each image pixel using colorBlendMode.String"#AARRGGBB" or "#RRGGBB""#FF00FF"
"#00FF00FF"
blendModeUsed to combine color with this image.Stringenum values, please see enum BlendMode'srcIn'
boxFitHow to inscribe the image into the space allocated during layout.Stringenum values, please see enum BoxFit'none'
alignmentHow to align the image within its bounds.Stringenum values, please see enum Alignment, default value is Alignment.center."center"
repeatHow to paint any portions of the layout bounds not covered by the image.Stringenum values, please see enum ImageRepeat, default value is ImageRepeat.noRepeat.'noRepeat'
centerSliceThe center slice for a nine-patch image.Stringleft,top,right,bottom"8,10,12,8"
matchTextDirectionWhether to paint the image in the direction of the TextDirection.bool
gaplessPlaybackWhether to continue showing the old image (true), or briefly show nothing (false), when the image provider changes.bool
filterQualityUsed to set the FilterQuality of the image.Stringenum values, please see enum FilterQuality, default value is FilterQuality.low."low"
click_eventUrl route string, for example: "route://productDetail?goods_id=123" for navigating to product detail page.String"route://productDetail?goods_id=123"

FileImage Widget

FileImage widget, here to see flutter File Image widget definition. Supported json properties:

propertydefinitiontypevaluesample
filePathThe picture file pathString'/sdcard/logo.png'
semanticLabelA Semantic description of the image.String
excludeFromSemanticsWhether to exclude this image from semantics.bool
scaledouble
widthIf non-null, require the image to have this width.double
heightIf non-null, require the image to have this height.double
colorIf non-null, this color is blended with each image pixel using colorBlendMode.String"#AARRGGBB" or "#RRGGBB""#FF00FF"
"#00FF00FF"
blendModeUsed to combine color with this image.Stringenum values, please see enum BlendMode'srcIn'
boxFitHow to inscribe the image into the space allocated during layout.Stringenum values, please see enum BoxFit'none'
alignmentHow to align the image within its bounds.Stringenum values, please see enum Alignment, default value is Alignment.center."center"
repeatHow to paint any portions of the layout bounds not covered by the image.Stringenum values, please see enum ImageRepeat, default value is ImageRepeat.noRepeat.'noRepeat'
centerSliceThe center slice for a nine-patch image.Stringleft,top,right,bottom"8,10,12,8"
matchTextDirectionWhether to paint the image in the direction of the TextDirection.bool
gaplessPlaybackWhether to continue showing the old image (true), or briefly show nothing (false), when the image provider changes.bool
filterQualityUsed to set the FilterQuality of the image.Stringenum values, please see enum FilterQuality, default value is FilterQuality.low."low"
click_eventUrl route string, for example: "route://productDetail?goods_id=123" for navigating to product detail page.String"route://productDetail?goods_id=123"

Placeholder Widget

Placeholder widget, here to see flutter Placeholder widget definition. Supported json properties:

propertydefinitiontypevaluesample
colorThe color to draw the placeholder box.String"#AARRGGBB" or "#RRGGBB""#FF00FF"
"#00FF00FF"
strokeWidthThe width of the lines in the placeholder box.double
fallbackWidthThe width to use when the placeholder is in a situation with an unbounded width.double
fallbackHeightThe height to use when the placeholder is in a situation with an unbounded height.double

GridView Widget

GridView widget, here to see flutter GridView widget definition. Supported json properties:

propertydefinitiontypevaluesample
crossAxisCounta fixed number of tiles in the cross axis.int
scrollDirectionThe axis along which the scroll view scrolls.Stringenum values, please see enum Axis, default value is Axis.vertical."vertical"
reverseWhether the scroll view scrolls in the reading direction.booldefault value is false
shrinkWrapWhether the extent of the scroll view in the scrollDirection should be determined by the contents being viewed.booldefault value is false
cacheExtentThe viewport has an area before and after the visible area to cache items that are about to become visible when the user scrolls.doubledefault value is 0.0
paddingThe amount of space by which to inset the children.Stringleft,top,right,bottom"8,10,12,8"
mainAxisSpacingThe number of logical pixels between each child along the main axis.double
crossAxisSpacingThe number of logical pixels between each child along the cross axis.double
childAspectRatioThe ratio of the cross-axis to the main-axis extent of each child.double
childrenThe widgets below this widget in the tree.List<Widget>
pageSizeListView load more item count for next pageintthis will be append to load more url
loadMoreUrlWhen listview scroll to bottom, it will do the request. The response of this url should be a json array of widgetString
isDemoused in the demo, if true, will do the fake requestboolthe default value is false

ListView Widget

ListView widget, here to see flutter ListView widget definition. Supported json properties:

propertydefinitiontypevaluesample
scrollDirectionThe axis along which the scroll view scrolls.Stringenum values, please see enum Axis, default value is Axis.vertical."vertical"
reverseWhether the scroll view scrolls in the reading direction.booldefault value is false
shrinkWrapWhether the extent of the scroll view in the scrollDirection should be determined by the contents being viewed.booldefault value is false
cacheExtentThe viewport has an area before and after the visible area to cache items that are about to become visible when the user scrolls.doubledefault value is 0.0
paddingThe amount of space by which to inset the children.Stringleft,top,right,bottom"8,10,12,8"
itemExtentIf non-null, forces the children to have the given extent in the scroll direction.double
pageSizeListView load more item count for next pageintthis will be append to load more url
loadMoreUrlWhen listview scroll to bottom, it will do the request. The response of this url should be a json array of widgetString
isDemoused in the demo, if true, will do the fake requestboolthe default value is false
childrenThe widgets below this widget in the tree.List<Widget>

PageView Widget

PageView widget, here to see flutter PageView widget definition. Supported json properties:

propertydefinitiontypevaluesample
scrollDirectionThe axis along which the scroll view scrolls.Stringenum values, please see enum Axis, default value is Axis.vertical."vertical"
reverseWhether the scroll view scrolls in the reading direction.booldefault value is false
pageSnappingSet to false to disable page snapping, useful for custom scroll behavior.booldefault value is true
childrenThe widgets below this widget in the tree.List<Widget>

Expanded Widget

Expanded widget, here to see flutter Expanded widget definition. Supported json properties:

propertydefinitiontypevaluesample
childchild widgetWidget
flexThe flex factor to use for this childintdefault value is 1

Padding Widget

Padding widget, here to see flutter Padding widget definition. Supported json properties:

propertydefinitiontypevaluesample
childchild widgetWidget
paddingThe amount of space by which to inset the child.Stringleft,top,right,bottom"8,10,12,8"

Center Widget

Center widget, here to see flutter Center widget definition. Supported json properties:

propertydefinitiontypevaluesample
childchild widgetWidget
widthFactorIf non-null, sets its width to the child's width multiplied by this factor.double
heightFactorIf non-null, sets its height to the child's height multiplied by this factor.double

Align Widget

Align widget, here to see flutter Align widget definition. Supported json properties:

propertydefinitiontypevaluesample
alignmentHow to align the child.Stringenum values, please see enum Alignment, default value is Alignment.center.
childchild widgetWidget
widthFactorIf non-null, sets its width to the child's width multiplied by this factor.double
heightFactorIf non-null, sets its height to the child's height multiplied by this factor.double

AspectRatio Widget

AspectRatio widget, here to see flutter AspectRatio widget definition. Supported json properties:

propertydefinitiontypevaluesample
aspectRatioThe aspect ratio to attempt to use.double
childchild widgetWidget

FittedBox Widget

FittedBox widget, here to see flutter FittedBox widget definition. Supported json properties:

propertydefinitiontypevaluesample
alignmentHow to align the child within its parent's bounds.Stringenum values, please see enum Alignment, default value is Alignment.center.
fitHow to inscribe the child into the space allocated during layout.Stringenum values, please see enum BoxFit, default value is BoxFit.contain.
childchild widgetWidget

Baseline Widget

Baseline widget, here to see flutter Baseline widget definition. Supported json properties:

propertydefinitiontypevaluesample
baselineThe number of logical pixels from the top of this box at which to position the child's baseline.double
baselineTypeThe type of baseline to use for positioning the child.Stringenum values, please see enum TextBaseline, default value is TextBaseline.ideographic.
childchild widgetWidget

Stack Widget

Stack widget, here to see flutter Stack widget definition. Supported json properties:

propertydefinitiontypevaluesample
alignmentHow to align the non-positioned and partially-positioned children in the stack.Stringenum values, please see enum Alignment, default value is Alignment.center."center"
fitHow to size the non-positioned children in the stack.Stringenum values, please see enum StackFit, default value is StackFit.loose.
clipBehaviorThe content will be clipped (or not) according to this option.Stringenum values, please see enum Clip, default value is Clip.hardEdge.
textDirectionThe text direction with which to resolve alignment.Stringenum values, please see enum TextDirection
childrenlist of WidgetList<Widget>

Positioned Widget

Positioned widget, here to see flutter Positioned widget definition. Supported json properties:

propertydefinitiontypevaluesample
bottomThe distance that the child's bottom edge is inset from the bottom of the stack.double
heightThe child's height.double
leftThe distance that the child's left edge is inset from the left of the stack.double
rightThe distance that the child's right edge is inset from the right of the stack.double
topThe distance that the child's top edge is inset from the top of the stack.double
widthThe child's width.double
childThe widget below this widget in the tree.Widget

IndexedStack Widget

IndexedStack widget, here to see flutter IndexedStack widget definition. Supported json properties:

propertydefinitiontypevaluesample
indexThe index of the child to show.int
alignmentHow to align the non-positioned and partially-positioned children in the stack.Stringenum values, please see enum Alignment, default value is Alignment.center."center"
textDirectionThe text direction with which to resolve alignment.Stringenum values, please see enum TextDirection
childrenlist of WidgetList<Widget>

ExpandedSizedBox Widget

ExpandedSizedBox widget, here to see flutter ExpandedSizedBox widget definition. It's a shortcut of SizedBox.expand. Supported json properties:

propertydefinitiontypevaluesample
childThe widget below this widget in the tree.Widget

SizedBox Widget

SizedBox widget, here to see flutter SizedBox widget definition. Supported json properties:

propertydefinitiontypevaluesample
widthIf non-null, requires the child to have exactly this width.double
heightIf non-null, requires the child to have exactly this height.double
childThe widget below this widget in the tree.Widget

Opacity Widget

Opacity widget, here to see flutter Opacity widget definition. Supported json properties:

propertydefinitiontypevaluesample
alwaysIncludeSemanticsWhether the semantic information of the children is always included.bool
opacityThe fraction to scale the child's alpha value.double
childThe widget below this widget in the tree.Widget

Wrap Widget

Wrap widget, here to see flutter Wrap widget definition. Supported json properties:

propertydefinitiontypevaluesample
alignmentHow the children within a run should be placed in the main axis.Stringenum values, please see enum WrapAlignment, default value is WrapAlignment.start."start"
crossAxisAlignmentHow the children within a run should be aligned relative to each other in the cross axis.Stringenum values, please see enum WrapCrossAlignment, default value is WrapCrossAlignment.start."start"
directionThe direction to use as the main axis.Stringenum values, please see enum Axis, default value is Axis.horizontal."horizontal"
runAlignmentHow the runs themselves should be placed in the cross axis.Stringenum values, please see enum WrapAlignment, default value is WrapAlignment.start."start"
runSpacingThe fraction to scale the child's alpha value.double0.0
spacingHow much space to place between children in a run in the main axis.double0.0
textDirectionDetermines the order to lay children out horizontally and how to interpret start and end in the horizontal direction.Stringenum values, please see enum TextDirection, default value is null.null
verticalDirectionDetermines the order to lay children out vertically and how to interpret start and end in the vertical direction.Stringenum values, please see enum VerticalDirection, default value is VerticalDirection.down."down"
childrenThe widgets below this widget in the tree.List<Widget>

ClipRRect Widget

ClipRRect, here to see flutter ClipRRect definition. Supported json properties:

propertydefinitiontypevaluesample
borderRadiusThe border radius of the rounded corners.String"topLeft,topRight,bottomLeft,bottomRight"
clipBehaviorControls how to clip (default to "antiAlias")Stringenum values, please see enum Clip, default value is antiAlias."hardEdge"
childThe widget below this widget in the tree.Widget

SafeArea Widget

SafeArea, here to see flutter SafeArea definition. Supported json properties:

propertydefinitiontypevaluesample
bottomWhether to avoid system intrusions on the bottom side of the screen.booltrue or false, default is truetrue
rightWhether to avoid system intrusions on the right.booltrue or false, default is truetrue
topWhether to avoid system intrusions at the top of the screen, typically the system status bar.booltrue or false, default is truetrue
leftWhether to avoid system intrusions on the left.booltrue or false, default is truetrue
minimumThis minimum padding to apply.Stringleft,top,right,bottom"8,10,12,8"
childThe widget below this widget in the tree.Widget

ListTile Widget

ListTile, here to see flutter ListTile definition. Supported json properties:

propertydefinitiontypevaluesample
contentPaddingThe tile's internal padding.Stringleft,top,right,bottom"8,10,12,8"
denseWhether this list tile is part of a vertically dense list.booltrue or false, default is falsetrue
enabledWhether this list tile is interactive.booltrue or false, default is truetrue
isThreeLineWhether this list tile is intended to display three lines of text.booltrue or false, default is falsetrue
leadingA widget to display before the title.Widget
tapEventtap eventStringroute://goToProductDetail
selectedIf this tile is also enabled then icons and text are rendered with the same color.booltrue or false, default is falsetrue
subtitleAdditional content displayed below the title.Widget
titleThe primary content of the list tile.Widget
trailingA widget to display after the title.Widget

SelectableText Widget

SelectableText, here to see flutter SelectableText definition. Supported json properties:

propertydefinitiontypevaluesample
dataThe text to displayString"I am a text"
textAlignHow the text should be aligned horizontally.StringOne of the following string:
left (default)
right
center
justify
start
end
"left"
maxLinesAn optional maximum number of lines for the text to span, wrapping if necessary. If the text exceeds the given number of lines, it will be truncated according to overflow.int3
textDirectionThe directionality of the text.StringOne of the following string:
ltr (default)
rtl
"ltr"
textSpanThe text to display as a TextSpan.TextSpan

Icon Widget

Icon, here to see flutter Icon definition. Supported json properties:

propertydefinitiontypevaluesample
dataThe icon to display. The available icons are describedString"fa.google" : font_awesome_flutter lib's icon, "favorite" : flutter's icon
sizeThe size of the icon in logical pixels.double12.0
colorThe color to use when drawing the icon.String"#AARRGGBB" or "#RRGGBB""#FF00FF"
"#00FF00FF"
semanticLabelSemantic label for the icon.String
textDirectionThe text direction to use for rendering the icon.StringOne of the following string:
ltr (default)
rtl
"ltr"

DropCapText Widget

DropCapText, Supported json properties:

propertydefinitiontypevaluesample
dataThe text to displayString
selectableText can be selectedbool
modeDrop cap modeStringOne of the following string:
inside (default)
upwards
aside
baseline
"#FF00FF"
"#00FF00FF"
styleThe style to apply to the text and the children.TextStyle{"color": "#00FFFF", "fontSize": 26.0}
dropCapStyleThe drop cap letter styleTextStyle{"color": "#00FFFF", "fontSize": 26.0}
textAlignHow the text should be aligned horizontally.StringOne of the following string:
left (default)
right
center
justify
start
end
"left"
dropCapThe drop capWidget{"width":216.1,"height":162.1,"child":{"type":"NetworkImage","src":"https://b.appsimg.com/upload/momin/2019/01/23/101/1548249269085.png ","click_event" : "route://productDetail?goods_id=123"}}
dropCapStyleThe drop cap paddingStringleft,top,right,bottom"8,10,12,8"
dropCapCharsThe drop cap chars lengthint1
forceNoDescentforceNoDescentbool
parseInlineMarkdownif parse markdownbool
textDirectionThe directionality of the text.StringOne of the following string:
ltr (default)
rtl
"ltr"
overflowHow visual overflow should be handled.StringOne of the following string:
ellipsis (default)
clip
fade
"ellipsis"
maxLinesAn optional maximum number of lines for the text to span, wrapping if necessary. If the text exceeds the given number of lines, it will be truncated according to overflow.intOne of the following string:
start (default)
end
"end"
dropCapPositiondrop cap positionString3

Scaffold Widget

Scaffold, Supported json properties:

propertydefinitiontypevaluesample
appBarAn app bar to display at the top of the scaffold.Widget
bodyThe primary content of the scaffold.Widget
floatingActionButtonA button displayed floating above [body], in the bottom right corner.Widget
backgroundColorThe color of the [Material] widget that underlies the entire Scaffold."#AARRGGBB" or "#RRGGBB""#FF00FF"
"#00FF00FF"

AppBar Widget

AppBar, Supported json properties:

propertydefinitiontypevaluesample
titleThe primary widget displayed in the app bar.Widget
leadingA widget to display before the [title].Widget
actionsWidgets to display in a row after the [title] widget.List
centerTitleWhether the title should be centered.bool
backgroundColorThe color to use for the app bar's material. Typically this should be set along with [brightness], [iconTheme], [textTheme]."#AARRGGBB" or "#RRGGBB""#FF00FF"
"#00FF00FF"

LimitedBox Widget

LimitedBox, here to see flutter LimitedBox definition. Supported json properties:

propertydefinitiontypevaluesample
maxHeightThe maximum height limit to apply in the absence of a BoxConstraints.maxHeight constraint.double
maxWidthThe maximum width limit to apply in the absence of a BoxConstraints.maxWidth constraint.double
childThe widget below this widget in the tree.Widget

Offstage Widget

Offstage, here to see flutter Offstage definition. Supported json properties:

propertydefinitiontypevaluesample
offstageWhether the child is hidden from the rest of the tree.bool
childThe widget below this widget in the tree.Widget

OverflowBox Widget

OverflowBox, here to see flutter OverflowBox definition. Supported json properties:

propertydefinitiontypevaluesample
alignmentHow to align the child.StringOne of the following string:
topLeft
topCenter
topRight
centerLeft
center
centerRight
bottomLeft
bottomCenter
bottomRight
"topLeft"
maxHeightThe maximum height constraint to give the child. Set this to null (the default) to use the constraint from the parent instead.double
maxWidthThe maximum width constraint to give the child. Set this to null (the default) to use the constraint from the parent instead.double
minHeightThe minimum height constraint to give the child. Set this to null (the default) to use the constraint from the parent instead.double
minWidthThe minimum width constraint to give the child. Set this to null (the default) to use the constraint from the parent instead.double
childThe widget below this widget in the tree.Widget

Divider Widget

Divider, here to see flutter Divider definition. Supported json properties:

propertydefinitiontypevaluesample
heightThe divider's height extent.double8.0
thicknessThe thickness of the line drawn within the divider.double2.0
indentThe amount of empty space to the leading edge of the divider.double8.0
endIndentThe amount of empty space to the trailing edge of the divider.double8.0
colorThe color to use when painting the line.String"#AARRGGBB" or "#RRGGBB""#FF00FF"
"#00FF00FF"

RotatedBox Widget

RotatedBox, here to see flutter RotatedBox definition. Supported json properties:

propertydefinitiontypevaluesample
quarterTurnsThe number of clockwise quarter turns the child should be rotated.int3
childThe widget below this widget in the tree.Widget

Card Widget

Card, here to see flutter Card definition. Supported json properties:

propertydefinitiontypevaluesample
colorThe card's background color.int3
shadowColorThe color to paint the shadow below the card.int3
elevationThe z-coordinate at which to place this card. This controls the size of the shadow below the card.int8
borderOnForegroundWhether to paint the shape border in front of the child.booltrue
clipBehaviorThe content will be clipped (or not) according to this option.String
marginThe empty space that surrounds the card.Stringleft,top,right,bottom
semanticContainerWhether this widget represents a single semantic container, or if false a collection of individual semantic nodes.booltrue
childThe widget below this widget in the tree.Widget
shapeThe shape of the card's Material.Map

SingleChildScrollView widget

SingleChildScrollView, here to see flutter SingleChildScrollView definition. Suppert json properties:

propertydefinitiontypevaluesample
reverseWhether the scroll view scrolls in the reading direction.booldefault value is false
clipBehaviorThe content will be clipped (or not) according to this option.Stringenum values, please see enum Clip, default value is Clip.hardEdge.
paddingThe internal padding for the SingleChildScrollView's child.Stringleft,top,right,bottom"0,0,0,0"
scrollDirectionThe axis along which the scroll view scrolls.Stringenum values, please see enum Axis, default value is Axis.vertical."vertical"
childThe widget below this widget in the tree.Widget