Image Widget

<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;](In this article, I will tell you more detail about the widget Image.</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;](blockParagraph-544a408cdata-key="189ace88caaf4a22bdbef5eed7e3d676outline: 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;](reset-3c756112--tableWrapper-4a5ed20coutline: none; box-sizing: inherit; margin: 24px 0px 32px; padding: 0px; overflow: visible; position: relative;](reset-3c756112--tableScroll-09f7c92doutline: none; box-sizing: inherit; margin: 0px; padding: 0px; overflow: auto; position: relative;](blockParagraph-544a408cdata-key="c13980fb87354019a4e44adf906bf5ccoutline: 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="e169c8fed751492fac2944282b24067doutline: 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="36e0599763ed4b249560a46cf6e200d4outline: 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="b9bf0fd137594cb3a8436da0b774a665outline: 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="ca68adb12e734a99bc3edbc5ea785a69outline: 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="1606acdb53674782b10ab958306acf56outline: 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="98dc36b102944e7f85d8bfac030d39d2outline: 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="24fa9395533b4dd3a33ca422a0c86070outline: 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="ab5a59100b9442208a96ab34286d5772outline: 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="104061205c3441f295df26e2e1163de5outline: 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="ecefcccb1f814686b91a3e14aa5da8e4outline: 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="db3e6ca693a8461990f8ea80693c74d8outline: 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="70ae88775b394af5a3444c78fb001467outline: 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="5cb0cab0fb674d40bdd95e3c534527b1outline: 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="fda6b0ea2f284b239800e48767e1b395outline: 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="7445c3e7e76a45b394e614dbcadcad75outline: 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="fde48d7be6c04840b3ef6c06c075c7ffoutline: 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="45306ad9eef440b0b7464ec0b30c0ebcoutline: 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="92b49f7662574e408846ca4d3da83939outline: 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="fb9bb89b67d44cf5b9711b0dd40fe91aoutline: 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="e93a25f87e314f9fbc582d9f825d6faboutline: 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="901adb86e58942b5b1f1fee24d7ceed3outline: 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="b0367856364c4213b9c497fbca86cbbeoutline: 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="643cdaab08af47a09a5255dd118007d6outline: 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;]()reset-3c756112--cardBody-25dca3b1--cardTitleFull-0dcd933coutline: none; box-sizing: inherit; flex: 1 1 0%; margin: 0px; padding: 16px;](reset-3c756112--cardTitle-32aa092eoutline: none; box-sizing: inherit; margin: 0px; padding: 0px; transition: color 250ms ease 0s; color: rgb(84, 196, 252);](text-4505230f--UIH400-4e41e82aoutline: none; box-sizing: inherit; line-height: 1.5;](Widgets 01 | Containerreset-3c756112--cardBody-25dca3b1--cardURL-236d802foutline: none; box-sizing: inherit; flex: 0 0 auto; margin: 0px; padding: 16px;](reset-3c756112--cardHint-2c5d8183outline: none; box-sizing: inherit; color: rgb(157, 170, 182); margin: 0px; padding: 0px;](text-4505230f--TextH200-a3425406outline: none; box-sizing: inherit; font-size: 12px; line-height: 1.625;](/flutter-widgets-01-containerblockParagraph-544a408cdata-key="f6e53a10e71e4aba9eba79fedfbb4859outline: 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="268eb214491f4e4eba7ecf8297a0175doutline: 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="b89ab834e08640f9aea9b411df9df684outline: 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="ca74a724345145e98fc9fd0882a53e96outline: 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="fb8a679fb2204afb80316e9b2b31a188outline: 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="e864c3b918ad42fbb34609a68bab3e6doutline: 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="a3fa91bbc51949a8a4d5d2796226c5dboutline: 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="128576734f644446aa3f89c46e87a784outline: 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="7aa42c850199417a8a7fba59564c94f7outline: 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="f60998b1733e4957bacf9d893d85dbcdoutline: 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="a4e6b85dec034426b391d88b0df78be1outline: 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="5f06f4cab1e044328d846f96d8a7514eoutline: 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="7648e706f0e24fc2bacf4eb97a1d12e2outline: none; box-sizing: inherit;](<span data-offset-key="7648e706f0e24fc2bacf4eb97a1d12e2:0outline: none; box-sizing: inherit;](In this tutorial, we first talk about how to use a simple image, then talk about the parameters in the constructor.They are <span data-offset-key="7648e706f0e24fc2bacf4eb97a1d12e2:1outline: none; box-sizing: inherit;](<code spellcheck="falsecode-81e98f88data-slate-leaf="trueoutline: none; box-sizing: inherit; margin: 0px 1px; display: inline-block; padding: 3px 6px; font-size: 13.6px; font-family: "Source Code Pro", Menlo, monospace; border-radius: 3px; background-color: rgb(245, 247, 249); -webkit-box-decoration-break: clone;](width&height,fit,color&colorBlendMode,repeat,matchTextDirection,filterQuality</p> <p>blockParagraph-544a408cdata-key=&quot;a352f2e3d2184555bdaa80beddedce98outline: 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;](&lt;span data-key=&quot;4210bbfd27e14997a573625cc626d19doutline: none; box-sizing: inherit;](&lt;span data-offset-key=&quot;4210bbfd27e14997a573625cc626d19d:0outline: none; box-sizing: inherit;](There are so important and common using in the &lt;span data-offset-key=&quot;4210bbfd27e14997a573625cc626d19d:1outline: none; box-sizing: inherit;](&lt;code spellcheck=&quot;falsecode-81e98f88data-slate-leaf=&quot;trueoutline: none; box-sizing: inherit; margin: 0px 1px; display: inline-block; padding: 3px 6px; font-size: 13.6px; font-family: &quot;Source Code Pro&quot;, Menlo, monospace; border-radius: 3px; background-color: rgb(245, 247, 249); -webkit-box-decoration-break: clone;](Image<span data-offset-key="4210bbfd27e14997a573625cc626d19d:2outline: none; box-sizing: inherit;](, so you must know how to use them.</p> <p>blockParagraph-544a408cdata-key="94b8faa7526a4bc2a59af63ad14052bboutline: 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="421ae5d55e4745889e8df5fc87c944d8outline: none; box-sizing: inherit;](<span data-offset-key="421ae5d55e4745889e8df5fc87c944d8:0outline: none; box-sizing: inherit;](Thanks for your reading!</p> <p>blockParagraph-544a408cdata-key="0883a15179804ad7818e3a907c4c171foutline: 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="5995e51a5e3142fe878479c87a85774coutline: none; box-sizing: inherit;](<span data-offset-key="5995e51a5e3142fe878479c87a85774c:0outline: none; box-sizing: inherit;](The end.</p> <p><h3 id="whole-code-in-github-star-to-supportblockHeading-442b4f12--blockHeading3WithMargin-532d7700data-key="774d2ab1fdeb44e4baaf9242f9c8b465outline: 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="9da61b469b234680911da7c03b222652outline: none; box-sizing: inherit;](<span data-offset-key="9da61b469b234680911da7c03b222652: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="104b7be576844aef85db686a0d27686foutline: none; box-sizing: inherit; color: rgb(84, 196, 252); cursor: pointer;](<span data-key="425995f98db84fa4b5f467e90a7a933foutline: none; box-sizing: inherit;](<span data-offset-key="425995f98db84fa4b5f467e90a7a933f:0outline: none; box-sizing: inherit;](GitHub)<span data-key="467d71dbe7de4131a1a810ff8c1f2bc2outline: none; box-sizing: inherit;](<span data-offset-key="467d71dbe7de4131a1a810ff8c1f2bc2:0outline: none; box-sizing: inherit;](,star to support.</p>