The keyboard of other apps affected the flutter app

[islinjj]

When I use the keyboard from another app, it affects my flutter app, so far only found on the iPhoneX physical device. This happens with SingleChildScrollView as well as any ListView.

1. Video

RPReplay_Final1668655229.MP4

2. Code Sample

Scaffold(
      body: Flex(
      direction: Axis.vertical,
      children: <Widget>[
        Expanded(
          child: Container(
            child: Stack(
              children: <Widget>[
                SingleChildScrollView(
                   child: Column(
                         children: <Widget>[
                              ...
                         ],
                   ),
                 )
              ],
            ),
          ),
        ),
      ],
    ),
);

3. flutter doctor -v

! Doctor found issues in 1 category.
[✓] Flutter (Channel stable, 3.3.5, on macOS 13.0 22A380 darwin-x64, locale zh-Hans-CN)
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision d9111f6402 (4 weeks ago), 2022-10-19 12:27:13 -0700
    • Engine revision 3ad69d7be3
    • Dart version 2.18.2
    • DevTools version 2.15.0
    • Pub download mirror https://pub.flutter-io.cn
    • Flutter download mirror https://storage.flutter-io.cn

[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
    • Platform android-33, build-tools 30.0.3
    • Java binary at: /Applications/Android Studio.app/Contents/jre/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 11.0.13+0-b1751.21-8125866)
    • All Android licenses accepted.

[!] Xcode - develop for iOS and macOS (Xcode 14.1)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Build 14B47b
    ! CocoaPods 1.10.1 out of date (1.11.0 is recommended).
        CocoaPods is used to retrieve the iOS and macOS platform side's plugin code that responds to your plugin usage on the Dart side.
        Without CocoaPods, plugins will not work on iOS or macOS.
        For more info, see https://flutter.dev/platform-plugins
      To upgrade see https://guides.cocoapods.org/using/getting-started.html#installation for instructions.

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

[✓] Android Studio (version 2021.3)
    • 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.13+0-b1751.21-8125866)

[✓] 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)

[✓] IntelliJ IDEA Ultimate Edition (version 2019.1.4)
    • IntelliJ at /Applications/IntelliJ IDEA.app
    • 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

[✓] VS Code (version 1.73.0)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension can be installed from:
      🔨 https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter

[✓] Connected device (3 available)
    • iPhoneX • xxxxxxxxx • ios            • iOS 12.2 16E227
    • macOS (desktop)      • macos                                    • darwin-x64     • macOS 13.0 22A380 darwin-x64
    • Chrome (web)         • chrome                                   • web-javascript • Google Chrome 107.0.5304.110

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

[huycozy]

Hi @islinjj, please provide a completed and minimal reproducible code sample so that we may verify this.
Also, the latest Flutter stable is 3.3.8 and the master is 3.6.0. Please try upgrading them and retry to see if this issue still reproduces. Thank you!

[islinjj]

Hi @islinjj, please provide a completed and minimal reproducible code sample so that we may verify this. Also, the latest Flutter stable is 3.3.8 and the master is 3.6.0. Please try upgrading them and retry to see if this issue still reproduces. Thank you!

Hi @huycozy , I tried versions 3.3.8 and 3.6.0 and had the same problem.

class TestPage extends StatefulWidget {
  @override
  State<StatefulWidget> createState() => _TestPageState();
}

class _TestPageState extends State<TestPage> {

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: Flex(
        direction: Axis.vertical,
        children: <Widget>[
          Expanded(
            child: Stack(
              children: <Widget>[
                SingleChildScrollView(
                  child: Column(
                    children: <Widget>[
                      _buildTest(),
                      _buildTest(),
                      _buildTest(),
                      _buildTest(),
                      _buildTest(),
                      _buildTest(),
                      _buildTest(),
                      _buildTest(),
                      _buildTest(),
                      _buildTest(),
                      _buildTest(),
                      _buildTest(),
                      _buildTest(),
                      _buildTest(),
                      _buildTest(),
                      _buildTest(),
                      _buildTest(),
                    ],
                  ),
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }

  Widget _buildTest() {
    return Padding(
      padding: const EdgeInsets.only(bottom: 10.0),
      child: Container(
        padding: const EdgeInsets.symmetric(horizontal: 15.0, vertical: 12.0),
        color: Colors.white,
        child: Container(
          child: Row(
            children: <Widget>[
              Container(
                height: 19,
                child: const VerticalDivider(
                  width: 5.0,
                  thickness: 5.0,
                  color: Colors.green,
                ),
              ),
              Expanded(
                child: Container(
                  padding: const EdgeInsets.only(left: 10.0),
                  child: Text(
                      'test',
                      overflow: TextOverflow.ellipsis,
                      style: AppFontStyle().body1().regular),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

This is flutter master 3.6.0

[✓] Flutter (Channel master, 3.6.0-4.0.pre, on macOS 13.0.1 22A400 darwin-x64, locale zh-Hans-CN)
[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
[!] Xcode - develop for iOS and macOS (Xcode 14.1)
    ! CocoaPods 1.10.1 out of date (1.11.0 is recommended).
        CocoaPods is used to retrieve the iOS and macOS platform side's plugin code that responds to your plugin usage on the Dart side.
        Without CocoaPods, plugins will not work on iOS or macOS.
        For more info, see https://flutter.dev/platform-plugins
      To upgrade see https://guides.cocoapods.org/using/getting-started.html#installation for instructions.
[✓] Chrome - develop for the web
[✓] Android Studio (version 2021.3)
[✓] Android Studio (version 2021.2)
[✓] IntelliJ IDEA Ultimate Edition (version 2019.1.4)
[✓] VS Code (version 1.73.0)
[✓] Connected device (3 available)
[✓] HTTP Host Availability

This is flutter 3.3.8

[✓] Flutter (Channel stable, 3.3.8, on macOS 13.0.1 22A400 darwin-x64, locale zh-Hans-CN)
[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
[!] Xcode - develop for iOS and macOS (Xcode 14.1)
    ! CocoaPods 1.10.1 out of date (1.11.0 is recommended).
        CocoaPods is used to retrieve the iOS and macOS platform side's plugin code that responds to your plugin usage on the Dart side.
        Without CocoaPods, plugins will not work on iOS or macOS.
        For more info, see https://flutter.dev/platform-plugins
      To upgrade see https://guides.cocoapods.org/using/getting-started.html#installation for instructions.
[✓] Chrome - develop for the web
[✓] Android Studio (version 2021.3)
[✓] Android Studio (version 2021.2)
[✓] IntelliJ IDEA Ultimate Edition (version 2019.1.4)
[✓] VS Code (version 1.73.0)
[✓] Connected device (3 available)
[✓] HTTP Host Availability

[huycozy]

@islinjj thanks for testing on Flutter versions. But I can not reproduce this issue on my devices:

• iPhone 14 Pro Max, iOS 16.0 (emulator)
• iPhone 7, iOS 15.7

Maybe the issue only reproduces on specific devices or specific OS versions.

Also, I find there is an open issue that looks similar to this: #53565. Please take a look at #53565 (comment). And it seems to be happening on iOS below 14 (#53565 (comment)). Can you retry on another device/iOS version to see if the issue still persists?

[islinjj]

@huycozy , So far, I've only found it on the iPhone X, which OS version 12.2. It seems no solution.

[huycozy]

Hi @islinjj, does this issue happen on the Flutter default sample project (counter app)? Or is it only reproducible with app containing a scrolling view?

[islinjj]

Hi @huycozy, I tried the Flutter default sample project, which also had problems, so I think it not only reproducible with app containing a scrolling view.

[huycozy]

@islinjj thanks for confirming. My colleague with his iPhone XS (iOS 16.0) also cannot reproduce this issue. Maybe the issue only occurs on OS version 12.2.

Labeling this issue for further investigation from the team.

May be related/similar: #53565