当我们将输入框嵌入到外部插件的弹窗中时,点击编辑会导致键盘遮挡无法输入。出现这样的问题,其实原因很简单,就是当前输入框未嵌入到context中,所以无法监听输入框的位置,从而键盘遮挡。下图为正确效果(图出自网络):
知道原因,解决自然也非常简单,根据场景是弹出弹框内的输入框遮挡问题:
1、使用自带插件showModalBottomSheet,缺点需要传入context:
import 'package:flutter/material.dart';
final BuildContext context;//声明变量
final GlobalKey<FormState> _formKey = GlobalKey<FormState>();
Widget build(BuildContext context) {
context = context;//接受变量
return ...
}
///存底向上滑出弹窗
showModalBottomSheet(
context: context,//赋值
backgroundColor: Colors.transparent,
isScrollControlled: true,
builder: (context) {
return Container(
height: 0.8.sh,
width: 1.sw,