You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I'm currently working on adding web support to mobile app and figured out that some shimmed items are rendered differently on web and mobile.
Here is the example for one of the screens:
Mobile (iOS):
Web:
The screen is constructed via CustomScrollView. As you can see there's a strange offset in cards on web (top and left is twice greater than bottom and right) and two rects on top are not visible (they appear only on scroll):
Screen.Recording.2021-03-29.at.14.42.33.movflutter doctor -v
[✓] Flutter (Channel dev, 2.1.0-12.1.pre, on macOS 11.3 20E5217a darwin-x64, locale en-US)
• Flutter version 2.1.0-12.1.pre at /Users/vanelizarov/flutter
• Framework revision 8264cb3e8a (3 weeks ago), 2021-03-10 12:37:57 -0800
• Engine revision 711ab3fda0
• Dart version 2.13.0 (build 2.13.0-116.0.dev)
[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.2)
• Android SDK at /Users/vanelizarov/Library/Android/sdk
• Platform android-30, build-tools 29.0.2
• ANDROID_HOME = /Users/vanelizarov/Library/Android/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 at /Applications/Xcode.app/Contents/Developer
• Xcode 12.4, Build version 12D4e
• CocoaPods version 1.10.1
[✓] Chrome - develop for the web
• CHROME_EXECUTABLE = /Users/vanelizarov/Documents/dev/torg/flutter_web/chrome.sh
[✓] Android Studio (version 4.0)
• Android Studio at /Applications/Android Studio.app/Contents
• Flutter plugin version 50.0.1
• Dart plugin version 193.7547
• Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b3-6222593)
[✓] VS Code (version 1.54.3)
• VS Code at /Applications/Visual Studio Code.app/Contents
• Flutter extension version 3.20.0
[✓] Connected device (2 available)
• macOS (desktop) • macos • darwin-x64 • macOS 11.3 20E5217a darwin-x64
• Chrome (web) • chrome • web-javascript • Google Chrome 90.0.4430.40 beta
• No issues found!
The text was updated successfully, but these errors were encountered:
I'm currently working on adding web support to mobile app and figured out that some shimmed items are rendered differently on web and mobile.
Here is the example for one of the screens:
Mobile (iOS):
Web:
The screen is constructed via
CustomScrollView
. As you can see there's a strange offset in cards on web (top and left is twice greater than bottom and right) and two rects on top are not visible (they appear only on scroll):Screen.Recording.2021-03-29.at.14.42.33.mov
flutter doctor -v
The text was updated successfully, but these errors were encountered: