Rounded rectangles painted badly[ios14][web][skia] #62652
Description
Steps to Reproduce
- Save
min repro code flutter build web --dart-define=FLUTTER_WEB_USE_SKIA=true --release- Open it up in iOS14 Safari or Chrome
min repro code
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: MyHomePage(),
);
}
}
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return DefaultTabController(
length: 4,
child: Scaffold(
floatingActionButton: Container(
margin: EdgeInsets.symmetric(horizontal: 4),
padding: EdgeInsets.all(6),
width: MediaQuery.of(context).size.width * 0.8,
height: 100,
decoration: BoxDecoration(
color: Colors.red,
borderRadius: BorderRadius.circular(80),
),
child: ClipRRect(
borderRadius: BorderRadius.circular(80),
child: TabBar(
isScrollable: true,
labelColor: Colors.black,
unselectedLabelColor: Colors.grey,
indicatorColor: Colors.white,
indicator: BoxDecoration(shape: BoxShape.rectangle, borderRadius: BorderRadius.all(Radius.circular(30)), color: Colors.white),
tabs: [
Tab(icon: Icon(Icons.ac_unit)),
Tab(icon: Icon(Icons.ac_unit)),
Tab(icon: Icon(Icons.ac_unit)),
Tab(icon: Icon(Icons.ac_unit)),
]),
)),
),
);
}
}Expected results:
this is on iOS14 (standard, not skia)
Actual results:
this is on iOS14 (skia): flutter build web --dart-define=FLUTTER_WEB_USE_SKIA=true --release
https://experiment24.web.app/#/
Bonus bug?
this is on iPhone 11 iOS13 simulator using skia: flutter build web --dart-define=FLUTTER_WEB_USE_SKIA=true --release
flutter doctor -v
[✓] Flutter (Channel master, 1.21.0-6.0.pre.117, on Mac OS X 10.15.5 19F101, locale es-ES)
• Flutter version 1.21.0-6.0.pre.117 at /Users/tomas/Development/flutter
• Framework revision 7ec2d360bc (27 hours ago), 2020-07-29 23:25:38 -0700
• Engine revision a9910e409c
• Dart version 2.10.0 (build 2.10.0-1.0.dev 24c7666def)
[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.3)
• Android SDK at /Users/tomas/Library/Android/sdk
• Platform android-29, build-tools 29.0.3
• Java binary at: /Applications/Android Studio.app/Contents/jre/jdk/Contents/Home/bin/java
• Java version OpenJDK Runtime Environment (build 1.8.0_212-release-1586-b4-5784211)
• All Android licenses accepted.
[✓] Xcode - develop for iOS and macOS (Xcode 11.5)
• Xcode at /Applications/Xcode.app/Contents/Developer
• Xcode 11.5, Build version 11E608c
• CocoaPods version 1.9.1
[✓] Chrome - develop for the web
• Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome
[✓] Android Studio (version 3.6)
• Android Studio at /Applications/Android Studio.app/Contents
• Flutter plugin version 44.0.2
• Dart plugin version 192.7761
• Java version OpenJDK Runtime Environment (build 1.8.0_212-release-1586-b4-5784211)
[✓] VS Code (version 1.47.3)
• VS Code at /Applications/Visual Studio Code.app/Contents
• Flutter extension version 3.12.2
[✓] Connected device (4 available)
• iPhone (mobile) • 00008020-000415840E50003A • ios • iOS 14.0
• iPhone 11 (mobile) • 04298E38-2633-4586-B868-1FBD5C708AF7 • ios • com.apple.CoreSimulator.SimRuntime.iOS-13-5 (simulator)
• Web Server (web) • web-server • web-javascript • Flutter Tools
• Chrome (web) • chrome • web-javascript • Google Chrome 84.0.4147.105
• No issues found!