Simply, you start with the introduction screen.<\/p>\n
![\"Flutter\"](\"https:\/\/www.cloudsurph.com\/wp-content\/uploads\/2021\/08\/Flutter-1.jpg\")
<\/p>\n
The do the undone argument and the page is a list of the page view model.<\/p>\n
Rich text<\/strong><\/h3>\n![\"Rich](\"https:\/\/www.cloudsurph.com\/wp-content\/uploads\/2021\/08\/Rich.jpg\")
<\/p>\n
you want to have a different style inside your text use the rich text.<\/p>\n
You have a text pan inside this text pane you have the children and all the text bands with a different style.<\/p>\n
Flexible<\/strong><\/h3>\nYou want to have a different ratio inside your screen you can use the flexible widget inside you can use the flex factor to change all the ratios.<\/p>\n
But what if you would like this widget to take all the remaining places we can use the expanded so you just replace the flexible with the expanded.<\/p>\n
If you have another expanded you can use the flex argument to change the ratio of the application.<\/p>\n
Circle avatar<\/strong><\/h3>\nYou can use the circle avatar over your image to have a circle you use the radius to change the size and the background color to change the background.<\/p>\n
Wrap<\/strong><\/h3>\nSometimes you have a row with too many children you can use the wrap instead and it will look like this.<\/p>\n
![\"\"](\"https:\/\/www.cloudsurph.com\/wp-content\/uploads\/2021\/08\/Wrap.jpg\")
<\/p>\n
Splash screen<\/strong><\/h3>\nEvery application has one and you can use the flutter native splash to do it.<\/p>\n
You add the color to the image in your pop spec you run this comment and then you have your splash screen.<\/p>\n
Snack bar<\/strong><\/h3>\nIt looks like this and if you want to use it you can use the scaffold.<\/p>\n
![\"snack](\"https:\/\/www.cloudsurph.com\/wp-content\/uploads\/2021\/08\/snack-bar.jpg\")
<\/p>\n
For context, that shows snack bar and you use the snack bar widget with a certain duration if you want.<\/p>\n
\u00a0Visibility<\/strong><\/h3>\nIf you want any widget to disappear or reappear you can wrap it with the visibility widget you just set the visible argument then you define true or false.<\/p>\n
Spread operator<\/strong><\/h3>\nIf you want to add a list of widgets inside a column you could use another column but there is something easier it’s just the spread operator.<\/p>\n
Status bar color<\/strong><\/h3>\nFor Android, you can change it by using the \u201csystemuioverlaystyle\u201d<\/strong> and use the status bar color.<\/p>\nYou can also change the navigation bar color by using the system navigation bar color.<\/p>\n
And if you want you can also put them both transparent.<\/p>\n
The body behind the app bar<\/strong><\/h3>\nIf you want your widget to appear behind the app bar you can use the extended body behind a bar as true.<\/p>\n
\u00a0Safe area<\/strong><\/h3>\n
<\/p>\nYou want to have a different ratio inside your screen you can use the flexible widget inside you can use the flex factor to change all the ratios.<\/p>\n
But what if you would like this widget to take all the remaining places we can use the expanded so you just replace the flexible with the expanded.<\/p>\n
If you have another expanded you can use the flex argument to change the ratio of the application.<\/p>\n
Circle avatar<\/strong><\/h3>\nYou can use the circle avatar over your image to have a circle you use the radius to change the size and the background color to change the background.<\/p>\n
Wrap<\/strong><\/h3>\nSometimes you have a row with too many children you can use the wrap instead and it will look like this.<\/p>\n
<\/p>\n
Splash screen<\/strong><\/h3>\nEvery application has one and you can use the flutter native splash to do it.<\/p>\n
You add the color to the image in your pop spec you run this comment and then you have your splash screen.<\/p>\n
Snack bar<\/strong><\/h3>\nIt looks like this and if you want to use it you can use the scaffold.<\/p>\n
<\/p>\n
For context, that shows snack bar and you use the snack bar widget with a certain duration if you want.<\/p>\n
\u00a0Visibility<\/strong><\/h3>\nIf you want any widget to disappear or reappear you can wrap it with the visibility widget you just set the visible argument then you define true or false.<\/p>\n
Spread operator<\/strong><\/h3>\nIf you want to add a list of widgets inside a column you could use another column but there is something easier it’s just the spread operator.<\/p>\n
Status bar color<\/strong><\/h3>\nFor Android, you can change it by using the \u201csystemuioverlaystyle\u201d<\/strong> and use the status bar color.<\/p>\nYou can also change the navigation bar color by using the system navigation bar color.<\/p>\n
And if you want you can also put them both transparent.<\/p>\n
The body behind the app bar<\/strong><\/h3>\nIf you want your widget to appear behind the app bar you can use the extended body behind a bar as true.<\/p>\n
\u00a0Safe area<\/strong><\/h3>\n
Sometimes you have a row with too many children you can use the wrap instead and it will look like this.<\/p>\n
<\/p>\n
Splash screen<\/strong><\/h3>\nEvery application has one and you can use the flutter native splash to do it.<\/p>\n
You add the color to the image in your pop spec you run this comment and then you have your splash screen.<\/p>\n
Snack bar<\/strong><\/h3>\nIt looks like this and if you want to use it you can use the scaffold.<\/p>\n
<\/p>\n
For context, that shows snack bar and you use the snack bar widget with a certain duration if you want.<\/p>\n
\u00a0Visibility<\/strong><\/h3>\nIf you want any widget to disappear or reappear you can wrap it with the visibility widget you just set the visible argument then you define true or false.<\/p>\n
Spread operator<\/strong><\/h3>\nIf you want to add a list of widgets inside a column you could use another column but there is something easier it’s just the spread operator.<\/p>\n
Status bar color<\/strong><\/h3>\nFor Android, you can change it by using the \u201csystemuioverlaystyle\u201d<\/strong> and use the status bar color.<\/p>\nYou can also change the navigation bar color by using the system navigation bar color.<\/p>\n
And if you want you can also put them both transparent.<\/p>\n
The body behind the app bar<\/strong><\/h3>\nIf you want your widget to appear behind the app bar you can use the extended body behind a bar as true.<\/p>\n
\u00a0Safe area<\/strong><\/h3>\n
It looks like this and if you want to use it you can use the scaffold.<\/p>\n
<\/p>\n
For context, that shows snack bar and you use the snack bar widget with a certain duration if you want.<\/p>\n
\u00a0Visibility<\/strong><\/h3>\nIf you want any widget to disappear or reappear you can wrap it with the visibility widget you just set the visible argument then you define true or false.<\/p>\n
Spread operator<\/strong><\/h3>\nIf you want to add a list of widgets inside a column you could use another column but there is something easier it’s just the spread operator.<\/p>\n
Status bar color<\/strong><\/h3>\nFor Android, you can change it by using the \u201csystemuioverlaystyle\u201d<\/strong> and use the status bar color.<\/p>\nYou can also change the navigation bar color by using the system navigation bar color.<\/p>\n
And if you want you can also put them both transparent.<\/p>\n
The body behind the app bar<\/strong><\/h3>\nIf you want your widget to appear behind the app bar you can use the extended body behind a bar as true.<\/p>\n
\u00a0Safe area<\/strong><\/h3>\n
If you want to add a list of widgets inside a column you could use another column but there is something easier it’s just the spread operator.<\/p>\n
Status bar color<\/strong><\/h3>\nFor Android, you can change it by using the \u201csystemuioverlaystyle\u201d<\/strong> and use the status bar color.<\/p>\nYou can also change the navigation bar color by using the system navigation bar color.<\/p>\n
And if you want you can also put them both transparent.<\/p>\n
The body behind the app bar<\/strong><\/h3>\nIf you want your widget to appear behind the app bar you can use the extended body behind a bar as true.<\/p>\n
\u00a0Safe area<\/strong><\/h3>\n
You can also change the navigation bar color by using the system navigation bar color.<\/p>\n
And if you want you can also put them both transparent.<\/p>\n