Flutter: Containerの角を丸くする

プログラミング
スポンサーリンク




こんにちは、おみです。

最近はFlutterの勉強をしています!

スマホで撮った麻雀牌の画像を認識して役を判定するアプリを作成したいのですが、そのためにまずはスマホアプリを作れなければいけないということで勉強しています汗

 

今回は、Containerの角を丸くする方法について、紹介していきたいと思います。

 

スポンサーリンク

ソースコード

Container(
  margin: EdgeInsets.all(1.0),
  padding: EdgeInsets.all(10.0),
  decoration: BoxDecoration(
      borderRadius: BorderRadius.circular(8.0),
      color: Colors.white10
  ),
  child: Text("角が丸くなりました"),
),

 

解説

Containerのdecoration:に、角丸の四角形を指定するための属性を指定してあげることで、角を丸くしてあげることができます。

 

 

↓参考

https://www.it-swarm.dev/ja/flutter/flutterの角丸イメージ/806206041/

 

コメント

タイトルとURLをコピーしました