flutterで画面遷移から戻った際にソフトキーボードが起動してしまう

Question

flutterでandroidのアプリを作成しています。
TextFieldで文字を入力後、Navigator.pushで画面を遷移し戻るとソフトキーボードが起動してしまいます。
どうすれば画面が戻った際にキーボードを開かないようにできるでしょうか？

試したこと

• AndroidManifest.xmlのactionに以下のようにstateAlwaysHiddenやstateHiddenをつけても効果がなかったです。

android:windowSoftInputMode="stateAlwaysHidden|adjustResize"

• 遷移の前にfocusを外すように設定しても効果はなかったです。

FocusScope.of(context).unfocus(); 

以下はmain.darのコードです。

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Navigation Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: FirstScreen(),
    );
  }
}

class FirstScreen extends StatefulWidget {
  @override
  _FirstScreenState createState() => _FirstScreenState();
}

class _FirstScreenState extends State<FirstScreen> {
  final TextEditingController _textController = TextEditingController();

  @override
  void dispose() {
    _textController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('First Screen'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            TextField(
              controller: _textController,
              decoration: const InputDecoration(
                labelText: 'Enter some text with gesture',
                border: OutlineInputBorder(),
              ),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              child: Text('Go to Second Screen'),
              onPressed: () {
                FocusScope.of(context).unfocus(); 
                Navigator.push(
                  context,
                  MaterialPageRoute(builder: (context) => SecondScreen()),
                );
              },
            ),
          ],
        ),
      ),
    );
  }
}

class SecondScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Second Screen'),
      ),
      body: Center(
        child: ElevatedButton(
          child: Text('Go back'),
          onPressed: () {
            Navigator.pop(context);
          },
        ),
      ),
    );
  }
}

Comments

[gymel]

以下のようにfocusNodeを導入すれば一応キーボードは出ないですね。
textfieldが多い場合にはそれぞれfocusNodeを定義して、画面遷移のたびに全てに対してunfocusするのが普通の設計なのでしょうか・・・？
```dart
import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Navigation Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: FirstScreen(),
);
}
}

class FirstScreen extends StatefulWidget {
@override
_FirstScreenState createState() => _FirstScreenState();
}

class _FirstScreenState extends State<FirstScreen> {
late FocusNode _focusNode;
final TextEditingController _textController = TextEditingController();

@override
void initState() {
super.initState();
_focusNode = FocusNode();
}

@override
void dispose() {
_textController.dispose();
_focusNode.dispose();
super.dispose();
}

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('First Screen'),
),
body: Padding(
padding: const EdgeInsets.all(16.0),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
TextField(
controller: _textController,
focusNode: _focusNode,
autofocus: false,
decoration: const InputDecoration(
labelText: 'Enter some text',
border: OutlineInputBorder(),
),
),
SizedBox(height: 20),
ElevatedButton(
child: Text('Go to Second Screen'),
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(builder: (context) => SecondScreen()),
).then((_) {
_focusNode.unfocus();
}).catchError((error) {
print("Navigation error: $error");
});
},
),
],
),
),
);
}
}

class SecondScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Second Screen'),
),
body: Center(
child: ElevatedButton(
child: Text('Go back'),
onPressed: () {
Navigator.pop(context);
},
),
),
);
}
}
```

Answer 1

フォーカスを外すのは、FlutterのVer2以降はFocusManager.instance.primaryFocus?.unfocus();の方が正しいようです。
Ver2以降でFocusScope.of(context).unfocus();を使う場合、色々と問題が出るようです。
何が問題なのかは、このIssue参照のようです。

ちなみに、私の環境ではFocusScope.of(context).unfocus();で問題なく動作しました。

次に、コメントに書かれていた「画面遷移のたびに全てに対してunfocusするのが普通の設計なのでしょうか・・・？」に対してです。

これは画面遷移の種類もしくは設計によるとしか言いようがないです。

今回はA->B->Aといった形で、元の画面に戻るような遷移です。
この場合、BからAに戻った際に、Aの状態は遷移前の状態が維持されたままということになります。
当然Bの遷移前にAのテキストにフォーカスがあれば、Aに戻った際にフォーカスがある状態で戻るわけですから、ソフトウェアキーボードは表示されます。

今回の様なケースでは、フォーカスを外してから画面遷移するというのが正しいということになるのだと思います。

これはIssueにあげられてますが、一旦は仕様としてクローズされてます。
https://github.com/flutter/flutter/issues/48464

あと上のIssueの中で、別の方法としてpop後にソフトウェアキーボードをhideするという方法をとってるのがあります。
https://github.com/flutter/flutter/issues/48464#issuecomment-586660590

同様な画面遷移が多いのであれば、上のような手段を取っても良いのではないでしょうか。