防止敲击外部时键盘关闭

Question

在 Flutter Web 中，文本字段的默认行为是 当点击文本字段外部的任何小部件或与之交互时，键盘会消失。

我想知道如何禁用这种行为。

这是 GIF 中所示示例的代码：

import 'package:flutter/material.dart';

void main() {
  runApp(const MainApp());
}

class MainApp extends StatelessWidget {
  const MainApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: SingleChildScrollView(
          child: Column(children: [
            TextField(
              controller: TextEditingController(text: ''),
            ),
          ]),
        ),
      ),
    );
  }
}

谢谢你。

Answer 1

您可以使用

PopScope

来实现这一点，结果如下：

这是代码：

Scaffold(
      appBar: AppBar(title: Text('Test Pop Scope'),),
      body: PopScope(
        canPop: false,
          child: TextFormField(
        decoration: InputDecoration(
          enabledBorder: OutlineInputBorder(),
          focusedBorder: OutlineInputBorder(),
          hintText: 'press Here'
        )
      )),
    );