Q&A
実現したいこと
画像をClipRRectで角丸にしても不自然になってしましまうのですが、これはどうやったら自然な角丸(Button系のwidgetのような)にすることができるのでしょうか?
(このようになってしまいます)
該当のソースコード
Dart
1 Container( 2 child: ClipRRect( 3 borderRadius: BorderRadius.circular(20), 4 child: SizedBox.fromSize( 5 size: const Size.fromRadius(40), 6 child: SizedBox( 7 child: Image.network( 8 'https://pbs.twimg.com/profile_images/1187814172307800064/MhnwJbxw_400x400.jpg', 9 ), 10 ), 11 ), 12 ), 13 ),
試したこと
Containerでラップし、
Dart
1 decoration: BoxDecoration( 2 borderRadius: BorderRadius.circular(30), 3 ),
したのですが角丸にはできませんでした。
また、FitBoxでラップしてみてもできませんでした。
補足情報(FW/ツールのバージョンなど)
[✓] Flutter (Channel stable, 3.7.7, on macOS 13.1 22C65 darwin-arm64, locale ja-JP)
[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 14.1)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2021.3)
[✓] VS Code (version 1.73.0)
[✓] Connected device (3 available)
[✓] HTTP Host Availability
回答1件
あなたの回答
tips
プレビュー
下記のような回答は推奨されていません。
このような回答には修正を依頼しましょう。