[解決済み] 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: ...
)
関連
-
[解決済み】zsh: コマンドが見つかりません: flutter 【終了しました
-
[解決済み] Flutter TextButton splashColor プロパティ
-
[解決済み] Flutter - くねくね動くアニメーションを作るには?
-
flutter,コマンド PhaseScriptExecution が 0 以外の終了コードで失敗しました。
-
[解決済み] FlutterでButtonを無効にするには?
-
[解決済み] Flutterで丸みを帯びたボタン/border-radius付きボタンを作成する
-
[解決済み】Flutterで背景画像を設定する方法は?
-
[解決済み】Flutterアプリにスプラッシュスクリーンを追加する
-
[解決済み] サブツリー内に同じタグを共有するヒーローが複数存在する
-
[解決済み] InkWellでリップルエフェクトが表示されない
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] 水平スクロール フラッターのテキスト
-
[解決済み] Flutterでウィジェットにボーダーを追加するには?
-
Solve flutter Android ライセンスの状態が不明です。Android SDK Managerを再インストールまたはアップデートしてみてください。
-
[解決済み】オンスクリーンキーボードを解除するにはどうしたらいいですか?
-
[解決済み】Flutterで角丸画像を作成する方法
-
[解決済み】flutterはアプバー上の戻るボタンを削除します。
-
[解決済み] ボタンの幅を親と同じにするには?
-
[解決済み] Flutterでボタンの幅と高さを設定する方法は?
-
[解決済み] Flutterで「戻る」ボタンを上書きするには?[重複している]。
-
[解決済み] FlutterでtextAlignプロパティはどのような状況で動作しますか?