[Linux] Flutter window flickers when scaffold background colour is set to transparent. #120254
Description
This only happens when the background colour has a shade of transparency. The flickering also seems to mainly be caused by trackpad gestures.
This is reproducible on both stable and master.
simplescreenrecorder-2023-02-08_02.39.59.mp4
Flutter doctor:
[✓] Flutter (Channel stable, 3.7.1, on LMDE 5 (elsie) 5.10.0-21-amd64, locale
en_GB.UTF-8)
• Flutter version 3.7.1 on channel stable at
/home/henryr/Dev/SDK/Flutter/flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision 7048ed95a5 (6 days ago), 2023-02-01 09:07:31 -0800
• Engine revision 800594f1f4
• Dart version 2.19.1
• DevTools version 2.20.1
[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.1)
• Android SDK at /home/henryr/Android/Sdk
• Platform android-33, build-tools 33.0.1
• Java binary at: /home/henryr/Dev/SDK/AndroidStudio/android-studio/jre/bin/java
• Java version OpenJDK Runtime Environment (build 11.0.13+0-b1751.21-8125866)
• All Android licenses accepted.
[✓] Chrome - develop for the web
• Chrome at google-chrome
[✓] Linux toolchain - develop for Linux desktop
• Debian clang version 11.0.1-2
• cmake version 3.18.4
• ninja version 1.10.1
• pkg-config version 0.29.2
[✓] Android Studio (version 2021.3)
• Android Studio at /home/henryr/Dev/SDK/AndroidStudio/android-studio
• Flutter plugin version 71.0.3
• Dart plugin version 213.7433
• Java version OpenJDK Runtime Environment (build 11.0.13+0-b1751.21-8125866)
[✓] Connected device (2 available)
• Linux (desktop) • linux • linux-x64 • LMDE 5 (elsie) 5.10.0-21-amd64
• Chrome (web) • chrome • web-javascript • Google Chrome 109.0.5414.119
[✓] HTTP Host Availability
• All required HTTP hosts are available
• No issues found!
Repro code:
import 'package:flutter/material.dart';
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: HomePage(),
);
}
}
class HomePage extends StatefulWidget {
const HomePage({Key? key}) : super(key: key);
@override
State<HomePage> createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> {
var items = List.generate(
100,
(index) => const Text("Hello there"),
);
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.transparent,
body: ListView(
children: items,
),
);
}
}