[BUG] Cannot Pan Vertically Inside `ListView`

[alejandrogiubel]

Describe The Bug
Map inside ListView example not works as expected in android device.

Expected Behavior
Map scroll does not scroll the list view

Screenshots & Recordings

WhatsApp.Video.2022-07-17.at.6.49.40.PM.mp4

---

Doctors Report

[✓] Flutter (Channel stable, 3.0.3, on macOS 12.4 21F79 darwin-arm, locale
    es-419)
    • Flutter version 3.0.3 at /Users/alejo/Documents/flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision 676cefaaff (4 weeks ago), 2022-06-22 11:34:49 -0700
    • Engine revision ffe7b86a1e
    • Dart version 2.17.5
    • DevTools version 2.12.2

[!] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
    • Android SDK at /Users/alejo/Library/Android/sdk
    ✗ cmdline-tools component is missing
      Run `path/to/sdkmanager --install "cmdline-tools;latest"`
      See https://developer.android.com/studio/command-line for more details.
    ✗ Android license status unknown.
      Run `flutter doctor --android-licenses` to accept the SDK licenses.
      See https://flutter.dev/docs/get-started/install/macos#android-setup for
      more details.

[✓] Xcode - develop for iOS and macOS (Xcode 13.4.1)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • CocoaPods version 1.11.3

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

[✓] Android Studio (version 2021.2)
    • Android Studio at /Applications/Android Studio.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
      11.0.12+0-b1504.28-7817840)

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

[✓] Connected device (3 available)
    • SM A305G (mobile) • R58M84Q30VV • android-arm64  • Android 11 (API 30)
    • macOS (desktop)   • macos       • darwin-arm64   • macOS 12.4 21F79
      darwin-arm
    • Chrome (web)      • chrome      • web-javascript • Google Chrome
      103.0.5060.114

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

To Reproduce
Run the example app

---

Severity
This will help us to label the issue quicker and decide what needs attention first. Only choose fatal if the entire app crashes, otherwise choose non-fatal.

• Non-Fatal
• Fatal / App Crashes

Frequency/Rarity
This will help us to label the issue quicker and decide what needs attention first.

• Once
• Uncommon
• Common
• Always

Applicable Platforms
Only select those that you've tested on - one or more. If possible, test on a variety of platforms.

• Android
• iOS
• Web
• Windows
• Others (beta platforms)

[ibrierley]

what version of FlutterMap are you using, and is the example modified at all with any other code ?

[erofcon]

I confirm. I have the same problem. Inside SingleChildScrollView doesn't work either

[ibrierley]

What version of FlutterMap are you using, and is it the default listview example unmodified ?

[erofcon]

I am using the default ListView/SingleChildScrollView. My problem is described here https://stackoverflow.com/questions/61744359/google-maps-inside-a-form-in-singlechildscrollview . Is there any solution to this problem for this library? Flutter 3.0.2.

[ibrierley]

You are using GoogleMap not FlutterMap.

[erofcon]

I am using flutter_map. I gave this as an example that is also in flutter_map for me.

[ibrierley]

What version of flutter_map are you using, and are you using the listview example in the examples folder to test ?

[JaffaKetchup]

Not sure if relevant, but wasn't there that options property about scrolling and patent widget or something like that

[ibrierley]

allowPanningOnScrollingParent: false, in MapOptions maybe ? It may be relevant, hard to tell without more info

[erofcon]

The code I use is the same as in the examples.

Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.all(8.0),
      child: ListView(
        scrollDirection: Axis.vertical,
        children: [
          SizedBox(
            height: 500,
            child: FlutterMap(
              options: MapOptions(
                allowPanningOnScrollingParent: false,
                center: LatLng(51.5, -0.09),
                zoom: 5.0,
                plugins: [
                  // ZoomButtonsPlugin(),
                ],
              ),
              children: <Widget>[
                TileLayerWidget(
                  options: TileLayerOptions(
                    wmsOptions: WMSTileLayerOptions(
                      baseUrl: 'https://{s}.s2maps-tiles.eu/wms/?',
                      layers: ['s2cloudless-2018_3857'],
                    ),
                    subdomains: ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h'],
                    userAgentPackageName: 'dev.fleaflet.flutter_map.example',
                  ),
                ),
              ],
            ),
          ),
          const Card(
            child: ListTile(
                title: Text(
                    'Scrolling inside the map does not scroll the ListView')),
          ),
          const SizedBox(height: 500),
          const Card(child: ListTile(title: Text('look at that scrolling'))),
          const Card(child: ListTile(title: Text('look at that scrolling'))),
          const Card(child: ListTile(title: Text('look at that scrolling'))),
          const Card(child: ListTile(title: Text('look at that scrolling'))),
        ],
      ),
    );

https://www.youtube.com/watch?v=YkZliaZm6Zk

flutter_map: ^2.0.0
Flutter 3.0.2

[ibrierley]

What about if you put flutter_map inside an AbsorbPointer....eg

AbsorbPointer( child: FlutterMap( ... ) )

[alejandrogiubel]

I am using 2.0.0 version. The problem occurs in Android Physics and emulator device, in iOS simulator works as expected. I don't change any things in example code. Just clone and run.