Rendering issues on ios devices after upgrading to 1.17.5 #61030

kennethj · 2020-07-07T20:56:46Z

Details

After upgrading to 1.17.5, when using DecorationImage and Clip.hardEdge there are weird rendering issues on physical ios devices.

Reproduce

import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';

void main() async {
  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  @override
  MyAppState createState() => MyAppState();
}

@visibleForTesting
class MyAppState extends State<MyApp> with WidgetsBindingObserver {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Title',
      home: Scaffold(
        appBar: AppBar(),
        body: Builder(
          builder: (context) => ListView(
            children: [
              Card(
                clipBehavior: Clip.hardEdge,
                child: Container(
                  constraints: BoxConstraints(maxHeight: 200),
                  decoration: BoxDecoration(
                    image: DecorationImage(
                      image: NetworkImage("https://flutter.dev/images/favicon.png"),
                      fit: BoxFit.fitWidth,
                    ),
                  ),
                ),
              ),
              FlatButton(
                onPressed: () {
                  showGeneralDialog(
                    context: context,
                    pageBuilder: (_, __, ___) => Material(
                      child: InkWell(
                        child: Center(child: Text("close dialog")),
                        onTap: () => Navigator.maybePop(context),
                      ),
                    ), 
                    barrierDismissible: true,
                    barrierLabel: "Label",
                    transitionDuration: const Duration(milliseconds: 300),
                  );
                },
                child: Text("open dialog"),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

Output

The text was updated successfully, but these errors were encountered:

TahaTesser · 2020-07-08T07:19:56Z

Hi @kennethj

I can reproduce the issue on physical XR on Channel stable, v1.17.5 but there is no issue on beta, dev

Channel beta, 1.19.0-4.3.pre & Channel dev, 1.20.0-3.0.pre

flutter doctor -v

[✓] Flutter (Channel dev, 1.20.0-3.0.pre, on Mac OS X 10.15.5 19F101, locale en-GB)
    • Flutter version 1.20.0-3.0.pre at /Users/taha/Code/flutter_dev
    • Framework revision 0af027f805 (4 days ago), 2020-07-04 12:19:20 -0700
    • Engine revision a751393804
    • Dart version 2.9.0 (build 2.9.0-20.0.dev 22da8934ac)

[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.0)
    • Android SDK at /Users/taha/Code/sdk
    • Platform android-30, build-tools 30.0.0
    • ANDROID_HOME = /Users/taha/Code/sdk
    • Java binary at: /Applications/Android
      Studio.app/Contents/jre/jdk/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b3-6222593)
    • 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.3

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 4.0)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin version 47.1.2
    • Dart plugin version 193.7361
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b3-6222593)

[✓] VS Code (version 1.46.1)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.12.1

 
[✓] Connected device (3 available)            
    • Taha’s iPhone (mobile) • 00008020-001059882212002E • ios            • iOS 13.5.1
    • Web Server (web)       • web-server                • web-javascript • Flutter Tools
    • Chrome (web)           • chrome                    • web-javascript • Google Chrome
      83.0.4103.116

• No issues found!

flutter doctor -v

[✓] Flutter (Channel beta, 1.19.0-4.3.pre, on Mac OS X 10.15.5 19F101, locale
    en-GB)
    • Flutter version 1.19.0-4.3.pre at /Users/taha/Code/flutter_beta
    • Framework revision 8fe7655ed2 (6 days ago), 2020-07-01 14:31:18 -0700
    • Engine revision 9a28c3bcf4
    • Dart version 2.9.0 (build 2.9.0-14.1.beta)

[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.0)
    • Android SDK at /Users/taha/Code/sdk
    • Platform android-30, build-tools 30.0.0
    • ANDROID_HOME = /Users/taha/Code/sdk
    • Java binary at: /Applications/Android
      Studio.app/Contents/jre/jdk/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build
      1.8.0_242-release-1644-b3-6222593)
    • 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.3

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 4.0)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin version 47.1.2
    • Dart plugin version 193.7361
    • Java version OpenJDK Runtime Environment (build
      1.8.0_242-release-1644-b3-6222593)

[✓] VS Code (version 1.46.1)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.12.1

 
[✓] Connected device (3 available)            
    • Taha’s iPhone • 00008020-001059882212002E • ios            • iOS 13.5.1
    • Web Server    • web-server                • web-javascript • Flutter Tools
    • Chrome        • chrome                    • web-javascript • Google Chrome
      83.0.4103.116

• No issues found!

Channel stable, v1.17.5

flutter doctor -v

[✓] Flutter (Channel stable, v1.17.5, on Mac OS X 10.15.5 19F101, locale en-GB)
    • Flutter version 1.17.5 at /Users/taha/Code/flutter_stable
    • Framework revision 8af6b2f038 (7 days ago), 2020-06-30 12:53:55 -0700
    • Engine revision ee76268252
    • Dart version 2.8.4

 
[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.0)
    • Android SDK at /Users/taha/Code/sdk
    • Platform android-30, build-tools 30.0.0
    • ANDROID_HOME = /Users/taha/Code/sdk
    • Java binary at: /Applications/Android
      Studio.app/Contents/jre/jdk/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build
      1.8.0_242-release-1644-b3-6222593)
    • 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.3

[✓] Android Studio (version 4.0)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin version 47.1.2
    • Dart plugin version 193.7361
    • Java version OpenJDK Runtime Environment (build
      1.8.0_242-release-1644-b3-6222593)

[✓] VS Code (version 1.46.1)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.12.1

[✓] Connected device (1 available)
    • Taha’s iPhone • 00008020-001059882212002E • ios • iOS 13.5.1

• No issues found!

duplicate of #55215

Can you upgrade to latest beta channel and try again?
Execute following
flutter channel beta
flutter upgrade --force
flutter doctor -v

Thank you

kennethj · 2020-07-08T13:24:12Z

@TahaTesser, Do you know when a stable build with the fix will be released? I not sure switching the production app I am working on to beta wouldn't cause other unintended side effects.

I was able to find a workaround in the meantime. Removing clipBehavior: Clip.hardEdge or replacing it with clipBehavior: Clip.antiAlias appears to fix the rendering issue.

TahaTesser · 2020-07-09T07:26:44Z

Hi @kennethj
Please use the workaround you've found in the meantime and this issue not reproducing on beta channel .
The fixed would land in stable channel when the beta reaches to stable

given your last message I feel safe to close this issue, if you disagree please write in the comments and I will reopen it.
Closing as fixed by #55215
Thank you

github-actions · 2021-08-19T03:01:21Z

This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.

kennethj added the from: performance template Issues created via a performance issue template label Jul 7, 2020

TahaTesser removed the from: performance template Issues created via a performance issue template label Jul 8, 2020

TahaTesser added in triage Presently being triaged by the triage team waiting for customer response The Flutter team cannot make further progress on this issue until the original reporter responds labels Jul 8, 2020

no-response bot removed the waiting for customer response The Flutter team cannot make further progress on this issue until the original reporter responds label Jul 8, 2020

TahaTesser closed this as completed Jul 9, 2020

github-actions bot locked as resolved and limited conversation to collaborators Aug 19, 2021

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Rendering issues on ios devices after upgrading to 1.17.5 #61030

Rendering issues on ios devices after upgrading to 1.17.5 #61030

kennethj commented Jul 7, 2020 •

edited

Loading

TahaTesser commented Jul 8, 2020 •

edited

Loading

kennethj commented Jul 8, 2020 •

edited

Loading

TahaTesser commented Jul 9, 2020

github-actions bot commented Aug 19, 2021

Rendering issues on ios devices after upgrading to 1.17.5 #61030

Rendering issues on ios devices after upgrading to 1.17.5 #61030

Comments

kennethj commented Jul 7, 2020 • edited Loading

Details

Reproduce

Output

TahaTesser commented Jul 8, 2020 • edited Loading

Channel beta, 1.19.0-4.3.pre & Channel dev, 1.20.0-3.0.pre

Channel stable, v1.17.5

kennethj commented Jul 8, 2020 • edited Loading

TahaTesser commented Jul 9, 2020

github-actions bot commented Aug 19, 2021

kennethj commented Jul 7, 2020 •

edited

Loading

TahaTesser commented Jul 8, 2020 •

edited

Loading

kennethj commented Jul 8, 2020 •

edited

Loading