Dynamic Widget Manual
- Container Widget
- Text Widget
- TextSpan
- TextStyle
- RaisedButton Widget
- Row Widget
- Column Widget
- AssetImage Widget
- NetworkImage Widget
- FileImage Widget
- Placeholder Widget
- GridView Widget
- ListView Widget
- PageView Widget
- Expanded Widget
- Padding Widget
- Center Widget
- Align Widget
- AspectRatio Widget
- FittedBox Widget
- Baseline Widget
- Stack Widget
- Positioned Widget
- IndexedStack Widget
- ExpandedSizedBox Widget
- SizedBox Widget
- Opacity Widget
- Wrap Widget
- ClipRRect Widget
- SafeArea Widget
- ListTile Widget
- SelectableText Widget
- Icon Widget
- DropCapText Widget
- Scaffold Widget
- AppBar Widget
- LimitedBox Widget
- Offstage Widget
- OverflowBox Widget
Container widget, here to see flutter Container widget definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
alignment | Align the [child] within the container | String | One of the following string: topLeft topCenter topRight centerLeft center centerRight bottomLeft bottomCenter bottomRight |
"topLeft" |
margin | Empty space to surround the [decoration] and [child]. | String | left,top,right,bottom | "8,10,12,8" |
padding | Empty space to inscribe inside the [decoration]. The [child], if any, isplaced inside this padding. | String | left,top,right,bottom | "8,10,12,8" |
color | Container background color | String | "#AARRGGBB" or "#RRGGBB" | "#FF00FF" "#00FF00FF" |
width | Container width | double | 200 | |
height | Container height | double | 200 | |
constraints | Container constraints | BoxConstraints | {"minWidth":100, "maxWidth": 100, "minHeight": 100, "maxHeight": 100} 9999999999 would be the value of double.infinity |
200 |
child | The [child] contained by the container. | Widget | ||
click_event | Url route string, for example: "route://productDetail?goods_id=123" for navigating to product detail page. | String | "route://productDetail?goods_id=123" |
Text widget, here to see flutter Text widget definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
data | The text to display | String | "I am a text" | |
textAlign | How the text should be aligned horizontally. | String | One of the following string: left (default) right center justify start end |
"left" |
overflow | How visual overflow should be handled. | String | One of the following string: ellipsis (default) clip fade |
"ellipsis" |
maxLines | An 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. | int | 3 | |
semanticsLabel | An alternative semantics label for this text. | String | ||
softWrap | Whether the text should break at soft line breaks. | bool | true | |
textDirection | The directionality of the text. | String | One of the following string: ltr (default) rtl |
"ltr" |
textScaleFactor | The number of font pixels for each logical pixel. | double | ||
textSpan | The text to display as a TextSpan. | TextSpan |
TextSpan, here to see flutter TextSpan definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
recognizer | Url route string, for example: "route://productDetail?goods_id=123" for navigating to product detail page. Currently only supports TapGestureRecognizer | String | "route://productDetail?goods_id=123" | |
text | The text contained in the span. | String | "I am a text" | |
style | The style to apply to the text and the children. | TextStyle | {"color": "#00FFFF", "fontSize": 26.0} | |
children | Additional spans to include as children. | List<TextSpan> |
TextStyle, here to see flutter TextStyle definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
color | The color to use when painting the text. | String | "#AARRGGBB" or "#RRGGBB" | "#FF00FF" "#00FF00FF" |
debugLabel | A human-readable description of this text style. | String | ||
decoration | The name of the decoration. | String | One of the following string: none (default) lineThrough overline underline |
"underline" |
fontFamily | The 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 | ||
fontSize | The size of glyphs (in logical pixels) to use when painting the text. | double | ||
fontStyle | The typeface variant to use when drawing the letters (e.g., italics). | String | One of the following string: italic (default) normal |
"italic" |
fontWeight | The typeface thickness to use when painting the text (e.g., bold). | String | One of the following string: w100 w200 w300 w400 w500 w600 w700 w800 w900 normal (default) bold |
"bold" |
RaisedButton widget, here to see flutter RaisedButton widget definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
color | The button's fill color, displayed by its Material, while it is in its default (unpressed, enabled) state. | String | "#AARRGGBB" or "#RRGGBB" | "#FF00FF" "#00FF00FF" |
disabledColor | The fill color of the button when the button is disabled. | String | "#AARRGGBB" or "#RRGGBB" | "#FF00FF" "#00FF00FF" |
disabledElevation | The elevation for the button's Material when the button is not enabled. | double | ||
disabledTextColor | The color to use for this button's text when the button is disabled. | String | "#AARRGGBB" or "#RRGGBB" | "#FF00FF" "#00FF00FF" |
elevation | The z-coordinate at which to place this button. This controls the size of the shadow below the raised button. | double | ||
padding | The internal padding for the button's child. | String | left,top,right,bottom | "8,10,12,8" |
splashColor | The splash color of the button's InkWell. | String | "#AARRGGBB" or "#RRGGBB" | "#FF00FF" "#00FF00FF" |
textColor | The color to use for this button's text. | String | "#AARRGGBB" or "#RRGGBB" | "#FF00FF" "#00FF00FF" |
child | The button's label. | Widget | ||
click_event | Url route string, for example: "route://productDetail?goods_id=123" for navigating to product detail page. | String | "route://productDetail?goods_id=123" |
Row widget, here to see flutter Row widget definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
crossAxisAlignment | How the children should be placed along the cross axis. | String | One of the following string: center (default) start end stretch baseline |
|
mainAxisAlignment | How the children should be placed along the main axis. | String | One of the following string: start (default) end center spaceBetween spaceAround spaceEvenly |
|
mainAxisSize | How much space should be occupied in the main axis. | String | One of the following string: max (default) min |
|
textBaseline | If aligning items according to their baseline, which baseline to use. | String | One of the following string: ideographic (default) alphabetic |
|
textDirection | Determines the order to lay children out horizontally and how to interpret start and end in the horizontal direction. | String | One of the following string: ltr (default) rtl |
|
verticalDirection | Determines the order to lay children out vertically and how to interpret start and end in the vertical direction. | String | One of the following string: down (default) up |
|
children | The widgets below this widget in the tree. | List<TextSpan> |
Column widget, here to see flutter Column widget definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
crossAxisAlignment | How the children should be placed along the cross axis. | String | One of the following string: center (default) start end stretch baseline |
|
mainAxisAlignment | How the children should be placed along the main axis. | String | One of the following string: start (default) end center spaceBetween spaceAround spaceEvenly |
|
mainAxisSize | How much space should be occupied in the main axis. | String | One of the following string: max (default) min |
|
textBaseline | If aligning items according to their baseline, which baseline to use. | String | One of the following string: ideographic (default) alphabetic |
|
textDirection | Determines the order to lay children out horizontally and how to interpret start and end in the horizontal direction. | String | One of the following string: ltr (default) rtl |
|
verticalDirection | Determines the order to lay children out vertically and how to interpret start and end in the vertical direction. | String | One of the following string: down (default) up |
|
children | The widgets below this widget in the tree. | List<TextSpan> |
AssetImage widget, here to see flutter Asset Image widget definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
name | The picture asset name | String | 'images/cat.png' | |
semanticLabel | A Semantic description of the image. | String | ||
excludeFromSemantics | Whether to exclude this image from semantics. | bool | ||
scale | double | |||
width | If non-null, require the image to have this width. | double | ||
height | If non-null, require the image to have this height. | double | ||
color | If non-null, this color is blended with each image pixel using colorBlendMode. | String | "#AARRGGBB" or "#RRGGBB" | "#FF00FF" "#00FF00FF" |
blendMode | Used to combine color with this image. | String | enum values, please see enum BlendMode | 'srcIn' |
boxFit | How to inscribe the image into the space allocated during layout. | String | enum values, please see enum BoxFit | 'none' |
alignment | How to align the image within its bounds. | String | enum values, please see enum Alignment, default value is Alignment.center. | "center" |
repeat | How to paint any portions of the layout bounds not covered by the image. | String | enum values, please see enum ImageRepeat, default value is ImageRepeat.noRepeat. | 'noRepeat' |
centerSlice | The center slice for a nine-patch image. | String | left,top,right,bottom | "8,10,12,8" |
matchTextDirection | Whether to paint the image in the direction of the TextDirection. | bool | ||
gaplessPlayback | Whether to continue showing the old image (true), or briefly show nothing (false), when the image provider changes. | bool | ||
filterQuality | Used to set the FilterQuality of the image. | String | enum values, please see enum FilterQuality, default value is FilterQuality.low. | "low" |
click_event | Url route string, for example: "route://productDetail?goods_id=123" for navigating to product detail page. | String | "route://productDetail?goods_id=123" |
NetworkImage widget, here to see flutter Network Image widget definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
src | The picture url | String | 'http://www.google.com/logo.png' | |
semanticLabel | A Semantic description of the image. | String | ||
excludeFromSemantics | Whether to exclude this image from semantics. | bool | ||
scale | double | |||
width | If non-null, require the image to have this width. | double | ||
height | If non-null, require the image to have this height. | double | ||
color | If non-null, this color is blended with each image pixel using colorBlendMode. | String | "#AARRGGBB" or "#RRGGBB" | "#FF00FF" "#00FF00FF" |
blendMode | Used to combine color with this image. | String | enum values, please see enum BlendMode | 'srcIn' |
boxFit | How to inscribe the image into the space allocated during layout. | String | enum values, please see enum BoxFit | 'none' |
alignment | How to align the image within its bounds. | String | enum values, please see enum Alignment, default value is Alignment.center. | "center" |
repeat | How to paint any portions of the layout bounds not covered by the image. | String | enum values, please see enum ImageRepeat, default value is ImageRepeat.noRepeat. | 'noRepeat' |
centerSlice | The center slice for a nine-patch image. | String | left,top,right,bottom | "8,10,12,8" |
matchTextDirection | Whether to paint the image in the direction of the TextDirection. | bool | ||
gaplessPlayback | Whether to continue showing the old image (true), or briefly show nothing (false), when the image provider changes. | bool | ||
filterQuality | Used to set the FilterQuality of the image. | String | enum values, please see enum FilterQuality, default value is FilterQuality.low. | "low" |
click_event | Url route string, for example: "route://productDetail?goods_id=123" for navigating to product detail page. | String | "route://productDetail?goods_id=123" |
FileImage widget, here to see flutter File Image widget definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
filePath | The picture file path | String | '/sdcard/logo.png' | |
semanticLabel | A Semantic description of the image. | String | ||
excludeFromSemantics | Whether to exclude this image from semantics. | bool | ||
scale | double | |||
width | If non-null, require the image to have this width. | double | ||
height | If non-null, require the image to have this height. | double | ||
color | If non-null, this color is blended with each image pixel using colorBlendMode. | String | "#AARRGGBB" or "#RRGGBB" | "#FF00FF" "#00FF00FF" |
blendMode | Used to combine color with this image. | String | enum values, please see enum BlendMode | 'srcIn' |
boxFit | How to inscribe the image into the space allocated during layout. | String | enum values, please see enum BoxFit | 'none' |
alignment | How to align the image within its bounds. | String | enum values, please see enum Alignment, default value is Alignment.center. | "center" |
repeat | How to paint any portions of the layout bounds not covered by the image. | String | enum values, please see enum ImageRepeat, default value is ImageRepeat.noRepeat. | 'noRepeat' |
centerSlice | The center slice for a nine-patch image. | String | left,top,right,bottom | "8,10,12,8" |
matchTextDirection | Whether to paint the image in the direction of the TextDirection. | bool | ||
gaplessPlayback | Whether to continue showing the old image (true), or briefly show nothing (false), when the image provider changes. | bool | ||
filterQuality | Used to set the FilterQuality of the image. | String | enum values, please see enum FilterQuality, default value is FilterQuality.low. | "low" |
click_event | Url route string, for example: "route://productDetail?goods_id=123" for navigating to product detail page. | String | "route://productDetail?goods_id=123" |
Placeholder widget, here to see flutter Placeholder widget definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
color | The color to draw the placeholder box. | String | "#AARRGGBB" or "#RRGGBB" | "#FF00FF" "#00FF00FF" |
strokeWidth | The width of the lines in the placeholder box. | double | ||
fallbackWidth | The width to use when the placeholder is in a situation with an unbounded width. | double | ||
fallbackHeight | The height to use when the placeholder is in a situation with an unbounded height. | double |
GridView widget, here to see flutter GridView widget definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
crossAxisCount | a fixed number of tiles in the cross axis. | int | ||
scrollDirection | The axis along which the scroll view scrolls. | String | enum values, please see enum Axis, default value is Axis.vertical. | "vertical" |
reverse | Whether the scroll view scrolls in the reading direction. | bool | default value is false | |
shrinkWrap | Whether the extent of the scroll view in the scrollDirection should be determined by the contents being viewed. | bool | default value is false | |
cacheExtent | The viewport has an area before and after the visible area to cache items that are about to become visible when the user scrolls. | double | default value is 0.0 | |
padding | The amount of space by which to inset the children. | String | left,top,right,bottom | "8,10,12,8" |
mainAxisSpacing | The number of logical pixels between each child along the main axis. | double | ||
crossAxisSpacing | The number of logical pixels between each child along the cross axis. | double | ||
childAspectRatio | The ratio of the cross-axis to the main-axis extent of each child. | double | ||
children | The widgets below this widget in the tree. | List<Widget> | ||
pageSize | ListView load more item count for next page | int | this will be append to load more url | |
loadMoreUrl | When listview scroll to bottom, it will do the request. The response of this url should be a json array of widget | String | ||
isDemo | used in the demo, if true, will do the fake request | bool | the default value is false |
ListView widget, here to see flutter ListView widget definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
scrollDirection | The axis along which the scroll view scrolls. | String | enum values, please see enum Axis, default value is Axis.vertical. | "vertical" |
reverse | Whether the scroll view scrolls in the reading direction. | bool | default value is false | |
shrinkWrap | Whether the extent of the scroll view in the scrollDirection should be determined by the contents being viewed. | bool | default value is false | |
cacheExtent | The viewport has an area before and after the visible area to cache items that are about to become visible when the user scrolls. | double | default value is 0.0 | |
padding | The amount of space by which to inset the children. | String | left,top,right,bottom | "8,10,12,8" |
itemExtent | If non-null, forces the children to have the given extent in the scroll direction. | double | ||
pageSize | ListView load more item count for next page | int | this will be append to load more url | |
loadMoreUrl | When listview scroll to bottom, it will do the request. The response of this url should be a json array of widget | String | ||
isDemo | used in the demo, if true, will do the fake request | bool | the default value is false | |
children | The widgets below this widget in the tree. | List<Widget> |
PageView widget, here to see flutter PageView widget definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
scrollDirection | The axis along which the scroll view scrolls. | String | enum values, please see enum Axis, default value is Axis.vertical. | "vertical" |
reverse | Whether the scroll view scrolls in the reading direction. | bool | default value is false | |
pageSnapping | Set to false to disable page snapping, useful for custom scroll behavior. | bool | default value is true | |
children | The widgets below this widget in the tree. | List<Widget> |
Expanded widget, here to see flutter Expanded widget definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
child | child widget | Widget | ||
flex | The flex factor to use for this child | int | default value is 1 |
Padding widget, here to see flutter Padding widget definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
child | child widget | Widget | ||
padding | The amount of space by which to inset the child. | String | left,top,right,bottom | "8,10,12,8" |
Center widget, here to see flutter Center widget definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
child | child widget | Widget | ||
widthFactor | If non-null, sets its width to the child's width multiplied by this factor. | double | ||
heightFactor | If non-null, sets its height to the child's height multiplied by this factor. | double |
Align widget, here to see flutter Align widget definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
alignment | How to align the child. | String | enum values, please see enum Alignment, default value is Alignment.center. | |
child | child widget | Widget | ||
widthFactor | If non-null, sets its width to the child's width multiplied by this factor. | double | ||
heightFactor | If non-null, sets its height to the child's height multiplied by this factor. | double |
AspectRatio widget, here to see flutter AspectRatio widget definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
aspectRatio | The aspect ratio to attempt to use. | double | ||
child | child widget | Widget |
FittedBox widget, here to see flutter FittedBox widget definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
alignment | How to align the child within its parent's bounds. | String | enum values, please see enum Alignment, default value is Alignment.center. | |
fit | How to inscribe the child into the space allocated during layout. | String | enum values, please see enum BoxFit, default value is BoxFit.contain. | |
child | child widget | Widget |
Baseline widget, here to see flutter Baseline widget definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
baseline | The number of logical pixels from the top of this box at which to position the child's baseline. | double | ||
baselineType | The type of baseline to use for positioning the child. | String | enum values, please see enum TextBaseline, default value is TextBaseline.ideographic. | |
child | child widget | Widget |
Stack widget, here to see flutter Stack widget definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
alignment | How to align the non-positioned and partially-positioned children in the stack. | String | enum values, please see enum Alignment, default value is Alignment.center. | "center" |
fit | How to size the non-positioned children in the stack. | String | enum values, please see enum StackFit, default value is StackFit.loose. | |
clipBehavior | The content will be clipped (or not) according to this option. | String | enum values, please see enum Clip, default value is Clip.hardEdge. | |
textDirection | The text direction with which to resolve alignment. | String | enum values, please see enum TextDirection | |
children | list of Widget | List<Widget> |
Positioned widget, here to see flutter Positioned widget definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
bottom | The distance that the child's bottom edge is inset from the bottom of the stack. | double | ||
height | The child's height. | double | ||
left | The distance that the child's left edge is inset from the left of the stack. | double | ||
right | The distance that the child's right edge is inset from the right of the stack. | double | ||
top | The distance that the child's top edge is inset from the top of the stack. | double | ||
width | The child's width. | double | ||
child | The widget below this widget in the tree. | Widget |
IndexedStack widget, here to see flutter IndexedStack widget definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
index | The index of the child to show. | int | ||
alignment | How to align the non-positioned and partially-positioned children in the stack. | String | enum values, please see enum Alignment, default value is Alignment.center. | "center" |
textDirection | The text direction with which to resolve alignment. | String | enum values, please see enum TextDirection | |
children | list of Widget | List<Widget> |
ExpandedSizedBox widget, here to see flutter ExpandedSizedBox widget definition. It's a shortcut of SizedBox.expand. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
child | The widget below this widget in the tree. | Widget |
SizedBox widget, here to see flutter SizedBox widget definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
width | If non-null, requires the child to have exactly this width. | double | ||
height | If non-null, requires the child to have exactly this height. | double | ||
child | The widget below this widget in the tree. | Widget |
Opacity widget, here to see flutter Opacity widget definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
alwaysIncludeSemantics | Whether the semantic information of the children is always included. | bool | ||
opacity | The fraction to scale the child's alpha value. | double | ||
child | The widget below this widget in the tree. | Widget |
Wrap widget, here to see flutter Wrap widget definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
alignment | How the children within a run should be placed in the main axis. | String | enum values, please see enum WrapAlignment, default value is WrapAlignment.start. | "start" |
crossAxisAlignment | How the children within a run should be aligned relative to each other in the cross axis. | String | enum values, please see enum WrapCrossAlignment, default value is WrapCrossAlignment.start. | "start" |
direction | The direction to use as the main axis. | String | enum values, please see enum Axis, default value is Axis.horizontal. | "horizontal" |
runAlignment | How the runs themselves should be placed in the cross axis. | String | enum values, please see enum WrapAlignment, default value is WrapAlignment.start. | "start" |
runSpacing | The fraction to scale the child's alpha value. | double | 0.0 | |
spacing | How much space to place between children in a run in the main axis. | double | 0.0 | |
textDirection | Determines the order to lay children out horizontally and how to interpret start and end in the horizontal direction. | String | enum values, please see enum TextDirection, default value is null. | null |
verticalDirection | Determines the order to lay children out vertically and how to interpret start and end in the vertical direction. | String | enum values, please see enum VerticalDirection, default value is VerticalDirection.down. | "down" |
children | The widgets below this widget in the tree. | List<Widget> |
ClipRRect, here to see flutter ClipRRect definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
borderRadius | The border radius of the rounded corners. | String | "topLeft,topRight,bottomLeft,bottomRight" | |
clipBehavior | Controls how to clip (default to "antiAlias") | String | enum values, please see enum Clip, default value is antiAlias. | "hardEdge" |
child | The widget below this widget in the tree. | Widget |
SafeArea, here to see flutter SafeArea definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
bottom | Whether to avoid system intrusions on the bottom side of the screen. | bool | true or false, default is true | true |
right | Whether to avoid system intrusions on the right. | bool | true or false, default is true | true |
top | Whether to avoid system intrusions at the top of the screen, typically the system status bar. | bool | true or false, default is true | true |
left | Whether to avoid system intrusions on the left. | bool | true or false, default is true | true |
minimum | This minimum padding to apply. | String | left,top,right,bottom | "8,10,12,8" |
child | The widget below this widget in the tree. | Widget |
ListTile, here to see flutter ListTile definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
contentPadding | The tile's internal padding. | String | left,top,right,bottom | "8,10,12,8" |
dense | Whether this list tile is part of a vertically dense list. | bool | true or false, default is false | true |
enabled | Whether this list tile is interactive. | bool | true or false, default is true | true |
isThreeLine | Whether this list tile is intended to display three lines of text. | bool | true or false, default is false | true |
leading | A widget to display before the title. | Widget | ||
tapEvent | tap event | String | route://goToProductDetail | |
selected | If this tile is also enabled then icons and text are rendered with the same color. | bool | true or false, default is false | true |
subtitle | Additional content displayed below the title. | Widget | ||
title | The primary content of the list tile. | Widget | ||
trailing | A widget to display after the title. | Widget |
SelectableText, here to see flutter SelectableText definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
data | The text to display | String | "I am a text" | |
textAlign | How the text should be aligned horizontally. | String | One of the following string: left (default) right center justify start end |
"left" |
maxLines | An 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. | int | 3 | |
textDirection | The directionality of the text. | String | One of the following string: ltr (default) rtl |
"ltr" |
textSpan | The text to display as a TextSpan. | TextSpan |
Icon, here to see flutter Icon definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
data | The icon to display. The available icons are described | String | "fa.google" : font_awesome_flutter lib's icon, "favorite" : flutter's icon | |
size | The size of the icon in logical pixels. | double | 12.0 | |
color | The color to use when drawing the icon. | String | "#AARRGGBB" or "#RRGGBB" | "#FF00FF" "#00FF00FF" |
semanticLabel | Semantic label for the icon. | String | ||
textDirection | The text direction to use for rendering the icon. | String | One of the following string: ltr (default) rtl |
"ltr" |
DropCapText, Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
data | The text to display | String | ||
selectable | Text can be selected | bool | ||
mode | Drop cap mode | String | One of the following string: inside (default) upwards aside baseline |
"#FF00FF" "#00FF00FF" |
style | The style to apply to the text and the children. | TextStyle | {"color": "#00FFFF", "fontSize": 26.0} | |
dropCapStyle | The drop cap letter style | TextStyle | {"color": "#00FFFF", "fontSize": 26.0} | |
textAlign | How the text should be aligned horizontally. | String | One of the following string: left (default) right center justify start end |
"left" |
dropCap | The drop cap | Widget | {"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"}} | |
dropCapStyle | The drop cap padding | String | left,top,right,bottom | "8,10,12,8" |
dropCapChars | The drop cap chars length | int | 1 | |
forceNoDescent | forceNoDescent | bool | ||
parseInlineMarkdown | if parse markdown | bool | ||
textDirection | The directionality of the text. | String | One of the following string: ltr (default) rtl |
"ltr" |
overflow | How visual overflow should be handled. | String | One of the following string: ellipsis (default) clip fade |
"ellipsis" |
maxLines | An 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. | int | One of the following string: start (default) end |
"end" |
dropCapPosition | drop cap position | String | 3 |
Scaffold, Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
appBar | An app bar to display at the top of the scaffold. | Widget | ||
body | The primary content of the scaffold. | Widget | ||
floatingActionButton | A button displayed floating above [body], in the bottom right corner. | Widget | ||
backgroundColor | The color of the [Material] widget that underlies the entire Scaffold. | "#AARRGGBB" or "#RRGGBB" | "#FF00FF" "#00FF00FF" |
AppBar, Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
title | The primary widget displayed in the app bar. | Widget | ||
leading | A widget to display before the [title]. | Widget | ||
actions | Widgets to display in a row after the [title] widget. | List | ||
centerTitle | Whether the title should be centered. | bool | ||
backgroundColor | The 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, here to see flutter LimitedBox definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
maxHeight | The maximum height limit to apply in the absence of a BoxConstraints.maxHeight constraint. | double | ||
maxWidth | The maximum width limit to apply in the absence of a BoxConstraints.maxWidth constraint. | double | ||
child | The widget below this widget in the tree. | Widget |
Offstage, here to see flutter Offstage definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
offstage | Whether the child is hidden from the rest of the tree. | bool | ||
child | The widget below this widget in the tree. | Widget |
OverflowBox, here to see flutter OverflowBox definition. Supported json properties:
property | definition | type | value | sample |
---|---|---|---|---|
alignment | How to align the child. | String | One of the following string: topLeft topCenter topRight centerLeft center centerRight bottomLeft bottomCenter bottomRight |
"topLeft" |
maxHeight | The maximum height constraint to give the child. Set this to null (the default) to use the constraint from the parent instead. | double | ||
maxWidth | The maximum width constraint to give the child. Set this to null (the default) to use the constraint from the parent instead. | double | ||
minHeight | The minimum height constraint to give the child. Set this to null (the default) to use the constraint from the parent instead. | double | ||
minWidth | The minimum width constraint to give the child. Set this to null (the default) to use the constraint from the parent instead. | double | ||
child | The widget below this widget in the tree. | Widget |