当软键盘出现在 Flutter Webview 插件中时，Single Child Scoll View 不会向上滚动屏幕

Question

这是我的 main.dart

class _MyHomePageState extends State {

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      resizeToAvoidBottomInset: true,
      body: SingleChildScrollView(
        child: SizedBox(
          height: MediaQuery.of(context).size.height,
          width: MediaQuery.of(context).size.width,
          child: const WebviewController(),
        ),
      ),
    );
  }

有谁知道这个答案吗？？？

请..告诉我你的解决方案......

当 android 中出现软键盘时，我使用单子滚动视图来滚动我的屏幕。

也使用 Adjust Resizing 但不起作用。

IOS设备没有问题但是只有在android设备...

附言。 如果你需要，我也会附上 webview_controller.dart..

Answer 1

我也无法仅使用 SingleChildScrollView 使其可滚动，但我找到了解决方法。 当键盘打开并相应地修改我的小部件时，我保留了一个标志。 这是例子。

class _MyHomePageState extends State {
bool _keyboardOpen = false;

@override
  void initState() {
    super.initState();
    FocusManager.instance.primaryFocus?.unfocus();
  }


  @override
  Widget build(BuildContext context) {
    _keyboardOpen = MediaQuery.of(context).viewInsets.bottom == 0;
    return Scaffold(
      resizeToAvoidBottomInset: true,
      body: SingleChildScrollView(
        child: SizedBox(
          height: MediaQuery.of(context).size.height,
          width: MediaQuery.of(context).size.width,
          child: Visibility(
          visible: _keyboardOpen,
          child: const SizedBox(
            height: 10,
          ),
        ),
        ),
      ),
    );
  }

在这里，您可以在键盘打开时制作不可见的 sizedBox，您也可以在键盘出现时减小文本的大小，如下所示。

Text('your text', textAlign: TextAlign.center, 
    style: TextStyle(fontSize: (_keyboardOpen)? 22 : 9, fontWeight: 
           FontWeight.w500)
    ),

让我知道这是否有帮助。