CODEWITHSUNDEEP
imagefluttercornerradius
KD_
KD_

Reputation: 42

how can i apply radius to image with flutter?

i want to display gridview contains card contains image. i apply radius to card but it did not apply to its child image

here's my code: 

child: new GridView.builder(
    itemCount: 20,
    gridDelegate: new SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 4),
    itemBuilder: (BuildContext context,int index){
      return new Card(
        shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.circular(10.0)
        ),
          elevation: 5.0,
          child: new Image.network('http://i.pravatar.cc/1000'),              
        );

    }
  ),

Upvotes: 0

Views: 494

Answers (1)

Edman
Edman

Reputation: 5605

The default clip behavior for Card is Clip.none. Set it to e.g. Clip.antiAlias:

Card(
  clipBehavior: Clip.antiAlias,
  child: ...,
)

Upvotes: 2

Related Questions