This lesson introduces common Flutter widgets and basic layout concepts. Flutter interfaces are composed from widgets that describe the UI for the current configuration and state.<\/p>\n
Use the The Flutter provides the For Material interfaces, current Flutter applications commonly use button widgets such as If you are evaluating Flutter for a business application rather than only learning the framework, read our Flutter mobile app development guide<\/a> and Flutter vs React Native comparison<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":" This lesson introduces common Flutter widgets and basic layout concepts. Flutter interfaces are composed from<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[6,38,5],"tags":[],"class_list":["post-99","post","type-post","status-publish","format-standard","hentry","category-android-mobile-application-development","category-flutter-tutorial-arition-infotech","category-mobile-application-development"],"yoast_head":"\nText<\/code> widget to display styled text in the interface.<\/p>\nImage<\/h2>\n
Image<\/code> widget can display assets and other supported image sources. For project assets, declare the files correctly in the Flutter project configuration.<\/p>\nIcon<\/h2>\n
Icon<\/code> widget for displaying icons, including Material icons when the project is configured to use them.<\/p>\nButtons<\/h2>\n
ElevatedButton<\/code>, TextButton<\/code> and OutlinedButton<\/code>. Older tutorials may reference deprecated button APIs, so use the current Flutter documentation when following code examples.<\/p>\nRow and Column<\/h2>\n
Row<\/code> arranges children horizontally, while Column<\/code> arranges children vertically. Alignment and sizing properties help control how their children use the available space.<\/p>\nContainer<\/h2>\n
Container<\/code> is a convenience widget that can combine sizing, padding, margins, decoration and positioning behavior for a child widget.<\/p>\nContinue Learning Flutter<\/h2>\n