<p>reset-3c756112--pageHeader-2d9fadfeoutline: none; box-sizing: inherit; margin: 0px 0px 32px; padding: 0px; border-bottom: 1px solid rgb(230, 236, 241); color: rgb(59, 69, 78); font-family: Roboto, sans-serif; font-size: 15px;](reset-3c756112--pageHeaderInner-7c0f0284outline: none; box-sizing: inherit; flex: 1 1 auto; margin: 0px; display: flex; padding: 40px 0px; flex-flow: row wrap; align-items: baseline; -webkit-box-align: baseline; -webkit-box-orient: horizontal; -webkit-box-direction: normal;](reset-3c756112--pageHeaderWrapperContent-6897c946outline: none; box-sizing: inherit; flex: 1 1 0%; margin: 0px; padding: 0px; position: relative;](reset-3c756112--pageHeaderDescription-22970244outline: none; box-sizing: inherit; flex: 1 1 auto; margin: 0px; padding: 0px;](pageDescription-fa3710acoutline: none; box-sizing: inherit; width: 750px; margin: 24px 0px 0px; border: none; resize: none; min-height: 19px; overflow-x: hidden; background: none; border-radius: 3px; letter-spacing: 0em;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; font-size: 16px; line-height: 1.625;](This tutorial is about how to use the container in the flutter. You learn more detail about Container to use in this tutorial.</p> <p>reset-3c756112--toaster-c029690eoutline: none; box-sizing: inherit; top: 16px; left: 951.5px; margin: 0px; padding: 0px; z-index: 160; position: fixed; transform: translateX(-50%); color: rgb(59, 69, 78); font-family: Roboto, sans-serif; font-size: 15px;](reset-3c756112--pageBody-ceb8ae94outline: none; box-sizing: inherit; margin: 0px; display: flex; padding: 0px; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; color: rgb(59, 69, 78); font-family: Roboto, sans-serif;](> blockQuote-7a0db092data-key="3212e3c77e664ba99df8c2d3f8b52ce1outline: none; box-sizing: inherit; color: rgb(116, 129, 141); margin-bottom: 24px; padding: 0px 0px 0px 12px; border-left: 4px solid rgb(230, 236, 241); border-top-color: rgb(230, 236, 241); border-right-color: rgb(230, 236, 241); border-bottom-color: rgb(230, 236, 241);](blockParagraph-544a408c--blockParagraphQuoted-280e03a6data-key="72ed429baf454c8f941de70ddded529doutline: none; box-sizing: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](blockParagraph-544a408cdata-key="2c0f414abf8d4251b0e701828e86b3c9outline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](blockParagraph-544a408cdata-key="cf1c89df43554a0ba43c8b95e8613deboutline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](blockParagraph-544a408cdata-key="81e2a5be548b4b659294d2ebb851d769outline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](blockParagraph-544a408cdata-key="3173bb8b82cb44cc99b8f20a97c484ecoutline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](blockParagraph-544a408cdata-key="fcb18da7d69b482d99d809e18d78a880outline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](blockParagraph-544a408cdata-key="8cbae0c996414983953bc442374faa16outline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](blockParagraph-544a408cdata-key="6a59abaf20004afea2c6cb449d2279c3outline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](blockParagraph-544a408cdata-key="a1c86437512b42f0a8896ed417bb4774outline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](blockParagraph-544a408cdata-key="7ff0f39bbebe4f81811d970ea21bc683outline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](blockParagraph-544a408cdata-key="9186678b35a24063a0d6656f5699c59boutline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](blockParagraph-544a408cdata-key="7c2755c7380b42fd88e6dcb6bb2204d1outline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](blockParagraph-544a408cdata-key="8a6234e23adf4ee387fa584f994af7b2outline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](blockParagraph-544a408cdata-key="49ec3ac0e6cb45babefcf67c33420ae5outline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](blockParagraph-544a408cdata-key="949eea327f064bbd9045ddaebafc12f6outline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](blockParagraph-544a408cdata-key="359e418a086e48e49cbdf23e1bfc181foutline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](codeBlock-18b09018outline: none; box-sizing: inherit; position: relative; margin-bottom: 24px;](codeHeader-e3625762--codeHeaderFloating-7f73cde3contenteditable="falseoutline: none; box-sizing: inherit; top: 5px; right: 0px; display: flex; z-index: 1; position: absolute; font-size: 12px; background: transparent; line-height: 1.2; user-select: none;](blockParagraph-544a408cdata-key="7200bdca7b1f473880762b3d8df75b9aoutline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](blockParagraph-544a408cdata-key="c00d9a823ac74928b90565c01fdf0902outline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](blockParagraph-544a408cdata-key="6c042a60ce86478ea1064fe8c7c3fae2outline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](blockParagraph-544a408cdata-key="4f8ce4705c1748968bb7f76ee2c5e750outline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](blockParagraph-544a408cdata-key="b3197a19611446bd940c67bf062786f4outline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](blockParagraph-544a408cdata-key="e9e855ce4d234778984a84869b86c12coutline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](blockParagraph-544a408cdata-key="be2bade138ab4b429f418fb50577beb1outline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](blockParagraph-544a408cdata-key="54eec5bc1dde44a69415c448847cf378outline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](blockParagraph-544a408cdata-key="917407cd8a8f47268f097063353f464coutline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](blockParagraph-544a408cdata-key="438d7c6cbf7a4ca5984a9d33eb651814outline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](blockParagraph-544a408cdata-key="6027f8c80c7b4d489d902fb062f8cfc0outline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](blockParagraph-544a408cdata-key="1ff7b76d3b65455195ece8a45f9dd23coutline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](blockParagraph-544a408cdata-key="1327affc4dc04eb59e29f89657232860outline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](codeBlock-18b09018outline: none; box-sizing: inherit; position: relative; margin-bottom: 24px;](codeHeader-e3625762--codeHeaderFloating-7f73cde3contenteditable="falseoutline: none; box-sizing: inherit; top: 5px; right: 0px; display: flex; z-index: 1; position: absolute; font-size: 12px; background: transparent; line-height: 1.2; user-select: none;](blockParagraph-544a408cdata-key="a5df4cb1b9bd4f3fa7d579d8b47ca6caoutline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](codeBlock-18b09018outline: none; box-sizing: inherit; position: relative; margin-bottom: 24px;](codeHeader-e3625762--codeHeaderFloating-7f73cde3contenteditable="falseoutline: none; box-sizing: inherit; top: 5px; right: 0px; display: flex; z-index: 1; position: absolute; font-size: 12px; background: transparent; line-height: 1.2; user-select: none;](blockParagraph-544a408cdata-key="88ef020920b34670bcaf0c2e43d5555aoutline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](codeBlock-18b09018outline: none; box-sizing: inherit; position: relative; margin-bottom: 24px;](codeHeader-e3625762--codeHeaderFloating-7f73cde3contenteditable="falseoutline: none; box-sizing: inherit; top: 5px; right: 0px; display: flex; z-index: 1; position: absolute; font-size: 12px; background: transparent; line-height: 1.2; user-select: none;](blockParagraph-544a408cdata-key="520c323897204008803b4a70b01c03a4outline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](blockParagraph-544a408cdata-key="330a5b4393624d5199906453ba7a67f8outline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](blockParagraph-544a408cdata-key="5c32c08f19ba471b84038bf2bac2851eoutline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](blockParagraph-544a408cdata-key="da6e85d441124b07aca14eb74e140211outline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](blockParagraph-544a408cdata-key="f6ae171bfa9f4ab78de5942d8a31d89doutline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](codeBlock-18b09018outline: none; box-sizing: inherit; position: relative; margin-bottom: 24px;](codeHeader-e3625762--codeHeaderFloating-7f73cde3contenteditable="falseoutline: none; box-sizing: inherit; top: 5px; right: 0px; display: flex; z-index: 1; position: absolute; font-size: 12px; background: transparent; line-height: 1.2; user-select: none;](codeBlock-18b09018outline: none; box-sizing: inherit; position: relative; margin-bottom: 24px;](codeHeader-e3625762--codeHeaderFloating-7f73cde3contenteditable="falseoutline: none; box-sizing: inherit; top: 5px; right: 0px; display: flex; z-index: 1; position: absolute; font-size: 12px; background: transparent; line-height: 1.2; user-select: none;](codeBlock-18b09018outline: none; box-sizing: inherit; position: relative; margin-bottom: 24px;](codeHeader-e3625762--codeHeaderFloating-7f73cde3contenteditable="falseoutline: none; box-sizing: inherit; top: 5px; right: 0px; display: flex; z-index: 1; position: absolute; font-size: 12px; background: transparent; line-height: 1.2; user-select: none;](blockParagraph-544a408cdata-key="2415a6b291d549a4aeab83f23d503494outline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](blockParagraph-544a408cdata-key="2c79ee68e6e448dd9055a84ab50e1b6eoutline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](<span data-key="2957822bc7d74082afe6f9f45e1ce2b4outline: none; box-sizing: inherit;](<span data-offset-key="2957822bc7d74082afe6f9f45e1ce2b4:0outline: none; box-sizing: inherit;](Then, our container is complete, you do need understand all of them, just know there are some parameters you can use to comply your requirement and choose to use , also you need to take more excise to make better. Good luck!</p> <p>blockParagraph-544a408cdata-key="911c931b33244c1f916e35dc28ecc330outline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](<span data-key="75ca3712fdea45a3bfc78bf2d448142boutline: none; box-sizing: inherit;](<span data-offset-key="75ca3712fdea45a3bfc78bf2d448142b:0outline: none; box-sizing: inherit;](Thanks for your reading!</p> <p>blockParagraph-544a408cdata-key="c4b1526ddd91403ab5d5505c0e430004outline: none; box-sizing: inherit; color: inherit; margin-right: 0px; margin-bottom: 24px; margin-left: 0px; position: relative;](text-4505230f--TextH400-3033861foutline: none; box-sizing: inherit; line-height: 1.625;](<span data-key="560ddba5a4224488946f5d15214046dboutline: none; box-sizing: inherit;](<span data-offset-key="560ddba5a4224488946f5d15214046db:0outline: none; box-sizing: inherit;](The end.</p> <p><h3 id="whole-code-in-github-star-to-supportblockHeading-442b4f12--blockHeading3WithMargin-532d7700data-key="7ae147f1746c40d49f85f213d2848068outline: none; box-sizing: inherit; color: rgb(36, 42, 49); margin: 24px 0px; display: flex; position: relative;](blockHeadingContent-756c9114outline: none; box-sizing: inherit; flex: 1 1 0%;](text-4505230f--HeadingH400-686c0942outline: none; box-sizing: inherit; font-size: 16px; line-height: 1.5; font-weight: 700;](<span data-key="a953ab58b3c7444ab380118fe1549930outline: none; box-sizing: inherit;](<span data-offset-key="a953ab58b3c7444ab380118fe1549930:0outline: none; box-sizing: inherit;](Whole code in <a class="link-a079aa82--primary-53a25e66--link-faf6c434href="https://github.com/FlutterOpen/flutter-widgets-examplestarget="_blankrel="noopener noreferrerdata-key="905bf474b6ed453ea8f9e2810623705coutline: none; box-sizing: inherit; color: rgb(84, 196, 252); cursor: pointer;](<span data-key="a9bc86f4ff054635a8fdbea79c0e4db1outline: none; box-sizing: inherit;](<span data-offset-key="a9bc86f4ff054635a8fdbea79c0e4db1:0outline: none; box-sizing: inherit;](GitHub)<span data-key="a0e22984c68e4f0d922b7003d6626613outline: none; box-sizing: inherit;](<span data-offset-key="a0e22984c68e4f0d922b7003d6626613:0outline: none; box-sizing: inherit;](,star to support.</p>
Container Widget
This Article is posted by niebin312 at 3/4/2019 4:38:35 AM
Check out our other latest articles
Safearea widget - How to avoid visual overlap with Notch on flutter mobile app?How to convert row of widgets into column of widgets in flutter based on screen size?
How to run Flutter programs from GitHub?
How to get screen orientation in flutter?
NavigationRail example in flutter
Tags:
Check out our other latest articles
Safearea widget - How to avoid visual overlap with Notch on flutter mobile app?How to convert row of widgets into column of widgets in flutter based on screen size?
How to run Flutter programs from GitHub?
How to get screen orientation in flutter?
NavigationRail example in flutter