Flutterで角を丸くする画像を作成する方法 質問する

Flutterで角を丸くする画像を作成する方法 質問する

Flutter を使用して映画に関する情報のリストを作成しています。左側のカバー画像を角丸の画像にしたいと考えています。次の操作を実行しましたが、うまくいきませんでした。ありがとうございます。

    getItem(var subject) {
    var row = Container(
      margin: EdgeInsets.all(8.0),
      child: Row(
        children: <Widget>[
          Container(
            width: 100.0,
            height: 150.0,
            decoration: BoxDecoration(
              borderRadius: BorderRadius.all(Radius.circular(8.0)),
              color: Colors.redAccent,
            ),
            child: Image.network(
              subject['images']['large'],
              height: 150.0,
              width: 100.0,
            ),
          ),
        ],
      ),
    );
    return Card(
      color: Colors.blueGrey,
      child: row,
    );
  }

次のように

ここに画像の説明を入力してください

ベストアンサー1

使用ClipRRectそれは完璧に動作します。

ClipRRect(
    borderRadius: BorderRadius.circular(8.0),
    child: Image.network(
        subject['images']['large'],
        height: 150.0,
        width: 100.0,
    ),
)

おすすめ記事