RoundedRectangleBorder rendering issue with showModalBottomSheet #170057
Description
Steps to reproduce
On some devices and only on Android, when using RoundedRectangleBorder, or BoxDecoration on Container, it glitches and the border is visible in showModalBottomSheet, that is opened "above" it.
for example on Card -> shape property:
RoundedRectangleBorder(
side: BorderSide(color: Colors.green, width: 3),
borderRadius: BorderRadius.circular(4.0)
)
on Container -> decoration property
BoxDecoration(
color: backgroundColor,
border: Border.all(color: Colors.white54, width: 1),
borderRadius: BorderRadius.circular(5),
shape: BoxShape.rectangle,
)
quick fix I found is to replace RoundedRectangleBorder with RoundedSuperellipseBorder and BoxDecoration with ShapeDecoration
Flutter Doctor output
Doctor output
[✓] Flutter (Channel stable, 3.32.2, on macOS 15.0 24A335 darwin-arm64, locale cs-CZ) [705ms]
• Flutter version 3.32.2 on channel stable at /Users/tomas/Developer/flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision 8defaa71a7 (19 hours ago), 2025-06-04 11:02:51 -0700
• Engine revision 1091508939
• Dart version 3.8.1
• DevTools version 2.45.1
[✓] Android toolchain - develop for Android devices (Android SDK version 35.0.0) [2,3s]
• Android SDK at /Users/tomas/Library/Android/sdk
• Platform android-35, build-tools 35.0.0
• Java binary at: /Applications/Android Studio.app/Contents/jbr/Contents/Home/bin/java
This is the JDK bundled with the latest Android Studio installation on this machine.
To manually set the JDK path, use: `flutter config --jdk-dir="path/to/jdk"`.
• Java version OpenJDK Runtime Environment (build 21.0.3+-79915917-b509.11)
• All Android licenses accepted.
[✓] Xcode - develop for iOS and macOS (Xcode 16.1) [1 284ms]
• Xcode at /Applications/Xcode.app/Contents/Developer
• Build 16B40
• CocoaPods version 1.16.2
[✓] Chrome - develop for the web [14ms]
• Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome
[✓] Android Studio (version 2024.2) [14ms]
• Android Studio at /Applications/Android Studio.app/Contents
• Flutter plugin can be installed from:
🔨 https://plugins.jetbrains.com/plugin/9212-flutter
• Dart plugin can be installed from:
🔨 https://plugins.jetbrains.com/plugin/6351-dart
• Java version OpenJDK Runtime Environment (build 21.0.3+-79915917-b509.11)
[✓] VS Code (version 1.100.3) [13ms]
• VS Code at /Applications/Visual Studio Code.app/Contents
• Flutter extension can be installed from:
🔨 https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter
[✓] Connected device (4 available) [11,0s]
• TC26 (mobile) • 20217523022830 • android-arm64 • Android 10 (API 29)
• Tomas - iPhone (wireless) (mobile) • 00008140-0018595C0493C01C • ios • iOS 18.5 22F76
• macOS (desktop) • macos • darwin-arm64 • macOS 15.0 24A335 darwin-arm64
• Chrome (web) • chrome • web-javascript • Google Chrome 137.0.7151.56
! Error: Browsing on the local area network for Tomas - iPhone. Ensure the device is unlocked and attached with a cable or associated with the same local area network as this Mac.
The device must be opted into Developer Mode to connect wirelessly. (code -27)
[✓] Network resources [646ms]
• All expected network resources are available.
• No issues found!