[BUG] Artefact (white line) on colored cards when wrapped in horizontal listview

[NicolasLaube]

Hi,
First, thank you very much for this amazing package !

My issue concerns a colored version of your flip card.
The cards are wrapped in an horizontal listview.
When in scroll horizontally (vertically it is ok), a white line appears sometimes.

Behavior

Flutter doctor

[✓] Flutter (Channel stable, 3.3.4, on macOS 13.1 22C65 darwin-arm, locale fr-FR)
[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 14.2)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2021.3)
[✓] VS Code (version 1.74.2)
[✓] VS Code (version 1.71.1)
[✓] Connected device (3 available)
[✓] HTTP Host Availability

Thanks in advance for your help!

[nogipx]

Same issue.

I suppose it is due to incorrect alignment at Transform in AnimationCard
I solved it by setting alignment: FractionalOffset.center, at flip_card.dart:40 line

[tsquillario]

I'm seeing this line as well, wrapped in a GridView.

Minimal repo to reproduce the issue. This repo is from another project/bug I'm working on but you see the line.

https://github.com/tsquillario/flutter-reorderable-grid-view-example1

dependencies:
  flutter:
    sdk: flutter
  go_router: ^6.0.0
  provider: ^6.0.5
  flip_card: ^0.7.0
  flutter_reorderable_grid_view: ^5.0.0-dev.3

[!] Flutter (Channel @upstream, 3.7.3, on Microsoft Windows [Version 10.0.19044.2604], locale en-US)
    • Flutter version 3.7.3 on channel @upstream at C:\src\flutter
    ! Unknown upstream repository.
      Reinstall Flutter by following instructions at https://flutter.dev/docs/get-started/install.
    • Framework revision 9944297138 (5 weeks ago), 2023-02-08 15:46:04 -0800
    • Engine revision 248290d6d5
    • Dart version 2.19.2
    • DevTools version 2.20.1
    • If those were intentional, you can disregard the above warnings; however it is recommended to use "git" directly to perform update checks and upgrades.

[√] Windows Version (Installed version of Windows is version 10 or higher)

[√] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
    • Android SDK at C:\Users\tsqui\AppData\Local\Android\Sdk
    • Platform android-33, build-tools 33.0.0
    • ANDROID_HOME = C:\Users\tsqui\AppData\Local\Android\Sdk
    • Java binary at: C:\Program Files\Android\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 C:\Program Files (x86)\Google\Chrome\Application\chrome.exe

[√] Visual Studio - develop for Windows (Visual Studio Build Tools 2019 16.11.20)
    • Visual Studio at C:\Program Files (x86)\Microsoft Visual Studio\2019\BuildTools
    • Visual Studio Build Tools 2019 version 16.11.32929.386
    • Windows 10 SDK version 10.0.19041.0

[√] Android Studio (version 2021.3)
    • Android Studio at C:\Program Files\Android\Android Studio
    • 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 11.0.13+0-b1751.21-8125866)

[√] VS Code (version 1.76.1)
    • VS Code at C:\Users\tsqui\AppData\Local\Programs\Microsoft VS Code
    • Flutter extension version 3.60.0

[√] Connected device (4 available)
    • sdk gphone64 x86 64 (mobile) • emulator-5554 • android-x64    • Android 13 (API 33) (emulator)
    • Windows (desktop)            • windows       • windows-x64    • Microsoft Windows [Version 10.0.19044.2604]
    • Chrome (web)                 • chrome        • web-javascript • Google Chrome 111.0.5563.65
    • Edge (web)                   • edge          • web-javascript • Microsoft Edge 111.0.1661.41

[√] HTTP Host Availability
    • All required HTTP hosts are available

! Doctor found issues in 1 category.

[ciriousjoker]

I cannot reproduce this when running the sample app on MacOS, Chrome, Android or iOS.

I cloned the repo, installed dependencies and ran it, no further changes.

I'm using Flutter 3.7.3 via fvm. Keep in mind I'm on a mac and you seem to be on Windows.

You mentioned the issue only happens when scrolling horizontally. The example code won't let me scroll horizontally.

Reordering the cards doesn't produce the issue (except the reordering-animation is completely broken).

Flutter doctor output

[!] Flutter (Channel stable, 3.7.3, on macOS 13.3 22E5236f darwin-arm64, locale de-DE)
• Flutter version 3.7.3 on channel stable at /Users/ciriousjoker/fvm/versions/3.7.3
! Warning: dart on your path resolves to /opt/homebrew/Cellar/dart/2.19.0/libexec/bin/dart, which is not inside your current Flutter SDK checkout at /Users/ciriousjoker/fvm/versions/3.7.3. Consider adding /Users/ciriousjoker/fvm/versions/3.7.3/bin to the front of your path.
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision 9944297138 (7 weeks ago), 2023-02-08 15:46:04 -0800
• Engine revision 248290d6d5
• Dart version 2.19.2
• DevTools version 2.20.1
• If those were intentional, you can disregard the above warnings; however it is recommended to use "git" directly to perform update checks and upgrades.

[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.1)
• Android SDK at /Users/ciriousjoker/Library/Android/sdk
• Platform android-33, build-tools 33.0.1
• ANDROID_HOME = /Users/ciriousjoker/Library/Android/sdk
• Java binary at: /Applications/Android Studio Preview.app/Contents/jre/Contents/Home/bin/java
• Java version OpenJDK Runtime Environment (build 17.0.6+0-17.0.6b802.4-9586694)
• All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 14.2)
• Xcode at /Applications/Xcode-14.2.0.app/Contents/Developer
• Build 14C18
• CocoaPods version 1.11.3

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

[✓] Android Studio
• Android Studio at /Applications/Android Studio Preview.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 17.0.6+0-17.0.6b802.4-9586694)

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

[✓] Connected device (3 available)
• sdk gphone64 arm64 (mobile) • emulator-5554 • android-arm64 • Android 13 (API 33) (emulator)
• macOS (desktop) • macos • darwin-arm64 • macOS 13.3 22E5236f darwin-arm64
• Chrome (web) • chrome • web-javascript • Google Chrome 111.0.5563.110

[✓] HTTP Host Availability
• All required HTTP hosts are available

! Doctor found issues in 1 category.