web-dev-qa-db-ja.com

Flutterで画像に標高を与える方法は？

画像ウィジェットに（影のような）標高を実装する必要がありますが、これに対する解決策を見つけることができませんでした。画像に標高を実装する方法はありますか？

削除したいものの画像例： what I want to remove

Materialウィジェットを使用しましたが、空のスペースが表示されます!!元の画像にスペースがありません。どうすれば削除できますか？

dartflutterelevation
3
Privacy of Animal

MaterialまたはCardウィジェットを使用するだけです。

Center(
  child: Material( // with Material
    child: Image.network('https://placeimg.com/640/480/any'),
    elevation: 18.0,
    shape: CircleBorder(),
    clipBehavior: Clip.antiAlias,

  ),
),
Center(
  child: Card( // with Card
    child: Image.network('https://placeimg.com/640/480/any'),
    elevation: 18.0,
    shape: CircleBorder(),
    clipBehavior: Clip.antiAlias,

  ),
),

画像のRadiusをより細かく制御したい場合。次に、CircleAvatarを使用できます。

Center(
  child: Card(
    child: CircleAvatar(
      maxRadius: 54.0,
      backgroundImage:
          NetworkImage('https://placeimg.com/640/480/any'),
    ),
    elevation: 18.0,
    shape: CircleBorder(),
    clipBehavior: Clip.antiAlias,
  ),
),
13
anmol.majhail