Closed
Description
Steps to Reproduce
- Execute
flutter runon the code sample - You can see that the rendering glitches
Expected results:
The BorderRadius must be displayed correctly at each corner and there must be no blur above the text
Actual results:
The BorderRadius is too high and is only displayed at the top left. The blur of CupertinoNavigationBar is too large in height.
Through a bisect I was able to find out the commit which caused this regression: #114119
In the commit only this PR comes into question flutter/engine#36458
In commit #114198 when the engine PR was reverted it looks like the previous video.
| Before | After |
|---|---|
RPReplay_Final1667230656.MP4 |
RPReplay_Final1667229901.MP4 |
Code sample
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key key}) : super(key: key);
@override
Widget build(BuildContext context) {
return const MaterialApp(
home: Home(),
);
}
}
class Home extends StatefulWidget {
const Home({Key key}) : super(key: key);
@override
State<Home> createState() => _HomeState();
}
class _HomeState extends State<Home> {
@override
Widget build(BuildContext context) {
return Transform.scale(
filterQuality: FilterQuality.none,
scale: 0.8,
child: ClipRRect(
clipBehavior: Clip.hardEdge,
borderRadius: BorderRadius.circular(20),
child: CupertinoPageScaffold(
navigationBar: CupertinoNavigationBar(),
child: ListView.builder(
itemBuilder: (_, ndx) {
return Padding(
padding: const EdgeInsets.all(15),
child:
Text("Item $ndx", style: const TextStyle(fontSize: 32)),
);
},
),
),
),
);
}
}Logs
Flutter version 3.5.0-10.0.pre.123