1. ホーム
  2. flutter

[解決済み] Flutter give コンテナ 丸みを帯びたボーダー

2022-01-28 21:07:35

質問

を作っています。 Container() ボーダーをつけたのですが、丸みを帯びたボーダーが欲しいです。

これが今の状態です。

Container(
      width: screenWidth / 7,
      decoration: BoxDecoration(
        border: Border.all(
          color: Colors.red[500],
        ),
      ),
      child: Padding(
        padding: EdgeInsets.all(5.0),
        child: Column(
          children: <Widget>[
            Text(
              '6',
              style: TextStyle(
                  color: Colors.red[500],
                  fontSize: 25),
            ),
            Text(
             'sep',
              style: TextStyle(
                  color: Colors.red[500]),
            )
          ],
        ),
      ),
    );

を入れてみました。 ClipRRect を追加しましたが、これではボーダーが切り取られてしまいます。何か解決策はありますか?

解決方法は?

プロパティを使ってみてください。 borderRadius から BoxDecoration

のようなものです。

Container(
  decoration: BoxDecoration(
    border: Border.all(
      color: Colors.red[500],
    ),
    borderRadius: BorderRadius.all(Radius.circular(20))
  ),
  child: ...
)