Sign in Get Started

flutter container shadow

Mad Nat 
Container(
  decoration: BoxDecoration(
    boxShadow: [
      BoxShadow(
        color: Colors.grey.withOpacity(0.8),
        spreadRadius: 10,
        blurRadius: 5,
        offset: Offset(0, 7), // changes position of shadow
      ),
    ],
  ),
  child: Image.asset(chocolateImage),
)
View another examples Add Own solution
Log in, to leave a comment

0
0
Hsiao Yi 65 points 

                                              Card(
            elevation: 8,
            child: Container(width: 100, height: 100, color: Colors.blue),
          ),

0
0
0
0
Sandeep Rai 90 points 

                                    new Container(
    height: 200.0,
    decoration: new BoxDecoration(
        boxShadow: [
          color: Colors.white, //background color of box
          BoxShadow(
            color: Colors.red,
            blurRadius: 25.0, // soften the shadow
            spreadRadius: 5.0, //extend the shadow
            offset: Offset(
              15.0, // Move to right 10  horizontally
              15.0, // Move to bottom 10 Vertically
            ),
          )
        ],
    ),
    child: new Text("Hello world"),
);

0
0
4.25
4
Ncomputers 85 points 

                                    new Container(
    height: 200.0,
    decoration: new BoxDecoration(
        boxShadow: [
          BoxShadow(
            color: Colors.red,
            blurRadius: 25.0, // soften the shadow
            spreadRadius: 5.0, //extend the shadow
            offset: Offset(
              15.0, // Move to right 10  horizontally
              15.0, // Move to bottom 10 Vertically
            ),
          )
        ],
    );
    child: new Text("Hello world"),
);

4.25 (4 Votes)
0
0
0
Smarty Kids 100 points 

                                    BoxDecoration(
  boxShadow: [
    BoxShadow(
      color: Colors.grey.withOpacity(0.5),
      spreadRadius: 5,
      blurRadius: 7,
      offset: Offset(0, 3), // changes position of shadow
    ),
  ],
)

0
0
3.6
5
Archie 100 points 

                                    return Container(
  margin: EdgeInsets.only(left: 30, top: 100, right: 30, bottom: 50),
  height: double.infinity,
  width: double.infinity,
  decoration: BoxDecoration(
    color: Colors.white,
    borderRadius: BorderRadius.only(
      topLeft: Radius.circular(10),
        topRight: Radius.circular(10),
        bottomLeft: Radius.circular(10),
        bottomRight: Radius.circular(10)
    ),
    boxShadow: [
      BoxShadow(
        color: Colors.grey.withOpacity(0.5),
        spreadRadius: 5,
        blurRadius: 7,
        offset: Offset(0, 3), // changes position of shadow
      ),
    ],
  ),

3.6 (5 Votes)
0
Are there any code examples left?
Find Add Code snippet
New code examples in category Other
SHOW MORE
Create a Free Account
Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.
Sign up
Develop soft skills on BrainApps
Complete the IQ Test
Relative searches
flutter shadow inside simple shadow for container flutter create container shadow flutter give box shadow to conatiner in flutter how to make shadow flutter box shadow flutter flutter box shadow flutter css shadow to a container flutter flutter box shadow widget how to make container have drop shadow flutter how to make shadow in container in flutter how to make container shadow flutter add shadow below container flutter container box shadow flutter implementation how to give a container a shadow in dart flutter box shadow behind how to set shadow in flutter how to convert box shadow css to flutter box shadow on container flutter flutter shadow flutter flutter how to raise a container with shadow add shadow to border flutter container shadow effect flutter container with background shadow flutter how to apply box shadow in flutter medium how to create a shadow under a container flutter adding box shadow ot container flutter box shadow property in flutter flutter container shadow stack flutter box border shadow flutter add shadow add shadow flutter how to make a box with shadow using BoxPainter flutter add outer shadow container flutter shadow border for container flutter soft shadown flutter container how to add shadow to container flutter flutter shadow example adding shadow and alivation to the container in the flutter how to make a shadow in the flutter container flutter box shadow elevation adding box shadow to an image or a container flutter flutter add box shadow BoxShadow( flutter set shadow inside flutter box shadow container flutter\ box shadow in container flutter how to give inner shadow in container in flutter how to create box shadow in flutter box shadow for clip flutter how to drop shadow in border flutter box shadow in all sides flutter give border shadow to container flutter applying box shadow to container flutter flutter add shadow to white container how to add box shadow in flutter flutter box shadow take all the container flutter shadow container margin flutter margin container shadow create shadow box flutter how to make shadow container in flutter inner shadow container flutter Box shadow flutter example shadow container flutter card flutter box shadow all sides how to give shadow to a container in flutter flutter inner shadow container container shadow in flutter give containers a shadow flutter shadow on flutter box shadow in futter perform shadow on container flutter how to add boxshadow flutter how to use shadow in container in flutter How to put shadow to container in flutter set box shadow to container in flutter container with shadow and elivation in fluttter create card shadow with container flutter shadow color container flutter how to add boxshadow in flutter flutter widget shadow shadow effect container flutter shadow behind container flutter how to give drop shadow to container in flutter flutter elevation shadow flutter top box shadow using box shadow in flutter how to use box shadow in flutter flutter box shadow in container boxdecoration shadow in flutter box shadow position flutter box shadow dart box shadow border radius flutter gove shadow to container in flutter how to give box shadow to container in flutter container with shadow flutter flutter custom box shadow flutter shadow animation elevation and shadow to container flutter shadow flutter shadow to a container in flutter how to show shadow of container like card in flutter elevation in container flutter shadow top flutter container shadow border flutter outer shadow box shadow to container flutter how to add shadow in container flutter box shadow to flutter css box shadow to flutter add shadow to container in flutter add shadow container flutter flutter container shadow top add box shadow to container flutter how to add box shadow to container flutter hwo to give shadow to container in flutter how to give box shadow to image in flutter flutter shadow examples good box shadow flutter flutter set container shadow adding shadow to container flutter flutter container shadow above container flutter box shadow gradient flutter gradient box shadow flutter box gradient shadow box shadow widget add shadow border to container flutter flutter contaier shadow how to drop shadow for container flutter box shadow for container in flutter shadow from top on flutter container flutter border shadow flutter give Container shadow how to make shadow in all sides of container flutter drop shadow container flutter flutter add box shadow container flutter container shadown how to set box shadow flutter box shadow in flutter using shape box shadow in flutter shape box shadow flur how to add box shadow in container in flutter shadow of container in flutter custom box shadow in flutter flutter shadow s widget give shadow to container in flutter container drop shadow flutter shadow widget flutter flutter shadow on top of container flutter add shadow top of container flutter add shadow to container top flutter box shadow janky flutter how to put the shadow in container flutter box shadow only bottom how to overflow shadow from container in flutter adding box shadow to flutter card how to set box shadow in flutter container shadow box shadow css to flutter how to write box shadow in flutter flutter box shadow with layers how to put box shadow to a container in flutter shadow on box flutter how to add shadows to a container in flutter flutter container add shadow flutter padding shadow container adding a shadow to container flutter flutter box shadow container flutter how to apply box shadow to top flutter how to apply box shadow to all the borders shadow box flutter add a shadow to an animated container flutter box shadow flutter container box shadow influtter Container shadow elevation flutter flutter box shadow none flutter apply box shadow to container box shadow fluuterr flutter boxdecoration box shadow container with shadow fluter Flutter how to apply shadow how to add shadow to a container flutter flutter container drop shadow flutter android box shadow apply shadow to container flutter flutter set shadow how to give inner shadow to container in flutter flutter container shadow on left how to add shadow to container in flutter how to give shadow to container in flutter best shadow settings for container in flutter add shadow list tile flutter give shadow to container flutter how to add border shadow in flutter flutter make shadow flutter shadow color slider box shadow at right of the card in flutter boxshawdow flutter flutter text shadow add shadow to div flutter add shadow to icon container shawdow flutter flutter container boxdecoration shadow shadow for container in flutter box shasow container fluuter left add shadow to a button which is inside row flutter offset add shadow to a button whichh is inside row flutter flutter add box shadow to ClipRRect elevation box decoration flutter flutter add box shadow to container how to add boxshadow to card in flutter making a shadow box around widgets flutter flutter best shadow flutter button with border and shadow add shadow for shape in flutter shadow effect on container flutter how to add shadwo in flutter how to give a container shadow in flutter flutter shadow on image flutter checkbox shadow boxdecoration box shadow boxShado w flutter give two shadows to container flutter flutter overlay shadow container flutter shadow conatiner move shadow of a container flutter container border elevation flutter box shadow offset flutter flutter page shadow flutter drop shadow in box shadow flutter box shadow on container how to make drop shadow container flutter soft elevation flutter flutter create shadwo flutter shadow offset flutter add shadow to positioned flutter shadows how to set container shadow in flutter flutter padding with shadow make shadow on click in flutter Container( decoration: BoxDecoration(box shadow), Container( decoration: BoxDecoration(boxshowdow), drop shadow button flutter box decoration offset BoxShadow in flutter how to make image shadow in flutter container border shadow flutter flutter how to get smooth shadow flutter shadow radius flutter container button shadow create elevation with box shadow in flutter box decoration flutter shadow shadow view in flutter shadow flutter container add animation to boxshadow flutter flutter shadow image flutter wrap with box shadow BoxShadow Flutter BoxDecorator container flutter box shadow flutter example boxShadow decoration border shadow in flutter border shadow shadow in flutter boxdecoration flutter shadow flutter boxshadow shadow android flutter boxdecoration shadow flutter add shadow to the border in flutter flutter container decoration shadow how to change shadow direction flutter add a custom shadow to a container in flutter add a shadow to a container in flutter add shadow flutter container with shadow and radius in flutter container flutter shadow flutter container top shadow shadow under row in flutter how can add a shadow to a MaterialButton in flutter how to give container shadow in flutter flutter shadow shadow in flutter flutter listtile shadow flutter container box decoration shadow shadow container in flutter how to make the shadow of container in flutter flutter box decoration shadow add shawdow in contaoner flutter shadow to container flutter fluttter container shadow container box shadow in flutter add elevation to row flutter flutter boxShadow generator box shadow button flutter offset in box shadow in flutter container box shadow flutter box shadow in container border shadow flutter container shadow to the container container 3d effect border flutter flutter icon shadow and border flutter shadow widget button shadow in flutter boxdecoration box shadow flutter box shadow container flutter how to show shadow in the flutter box shadow on right side of container flutter shadow line flutter add shadow to container shadow in container flutter shadow outside container flutter container box shadow flutter shadow to Container flutter shadow over widget border shadow flutter flutter container box shadow bottom flutter container box shadow shadow for appbar flutter flutter container with shadow add shadow to a flatbutton glutter add shadow to container flutter flutter image box shadow boxshadow flutter set container shadow shodow container flutter add shadow to image flutter container boxshadow FLutter add shadows flutter add shadow to Carousel flutter flatbutton box shadow flutter add box shadow flutter container shadow flutter flutter smooth shadow smooth shadow in flutter adding a dark side insed boxdecoration dark stackoverflow flutter how to make a container a shadow adding a shadow to stack widget in flutter adding a shadow to stack flutter add boxshadow to container in flutter how to make shadow border in flutter flutter box shadows boxshadow for boxdecoration example container shadow left flutter fluyter continer box shadow flutter background color with shadow how to add shadow effect in container flutter how to give box shadow in flutter container shadow boxShadow flutter giving container a shadow flutter flutter shadow container shadow container flutter list tile shadow flutter flutter boxdecoration to top shadow flutter boxsgadow flutter shadow generator shadow for container flutter how to apply shadow in material button in flutter how to give container shadow background in flutter flutter soft shadow how to make container border radius flutter shadow how to give shadow in container in flutter container shedow flutter container decoration flutter left shadow shadows on image in container flutter shadow on image flutter shadows in container flutter flutter decoration box shadow elevation in boxdecoration in flutter box shadow material design flutter button shadow flutter shadow for padding widget in flutter boxShadow contaner flutter flutter container border shadow flutter add shadow to LIstTile boxShadow: flutter shadow flutter add box shadow to container in flutter how to add shadow to container how to create a shadow on table flutter how to create a shedow on table flutter shadown on image flutter adding shadow on container flutter flutter boixshadow of row flutter boixshadow flutter shadpw box shadow in flutter how to set shaddow for contgaiern in flutteer flutter image shadow flutter box shadow recommended box shadow spread Radius flutter flutter shadowButton box decoration elevation boxdecoration shodwo in flutter flutter give shadow to conatiner flutter give shadow how to add shadow to box decoration flutter drop shadow flutter container flutter color shadow shadowbox flutter shadow to container flutter box shadow offset drop shadow in flutter how to give a container a shadow in flutter double color shadow in flutter container how to add multi color shadow in container flutter flutter boxdecoration shadow animated container shadow css boxshadow to flutter how to implement a box shadow in flutter flutter box shadow example Container boxshadow shadow box decoration flutter shadow white container flutter container dropshow fluuter flutter box decoration box shadow flutter box shadow shadow on boxdecoration how to add elivation to container elevation to container flutter elevation container flutter give container elevation flutter flutter container shadow how to add elevation to container flutter box shadow in flutter docs box shadow flutter flutter add shadow to container
Made with love
This website uses cookies to make IQCode work for you. By using this site, you agree to our cookie policy

Welcome Back!

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign in
Recover lost password
Or log in with
Not registered?
Sign up takes less than a minute

Create a Free Account

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign up
Or sign up with
By signing up, you agree to the Terms and Conditions and Privacy Policy. You also agree to receive product-related marketing emails from IQCode, which you can unsubscribe from at any time.
Creating a new code example
Code snippet title
Source