flutter - 在键盘事件上禁用小部件移动
问题描述
我有一个简单的 search_home.dart 页面,它显示了 TextField 和 Text 小部件。代码和演示如下所示。
我的问题是,在键盘事件中,文本小部件上下移动,看起来不太好。我尝试过使用其他解决方案,resizeToAvoidBottomInset: false,
但没有成功。这里可以改变什么来禁用运动?
@override
Widget build(BuildContext context) {
return Scaffold(
resizeToAvoidBottomInset: false,
resizeToAvoidBottomPadding: false,
appBar: AppBar(
elevation: 0.0,
backgroundColor: Colors.deepPurple,
),
body: Stack(
children: <Widget>[
Container(
height: 350.0 * animation.value,
decoration: BoxDecoration(
color: Colors.deepPurple,
borderRadius: BorderRadius.only(
bottomLeft: Radius.elliptical(2000, 350),
bottomRight: Radius.elliptical(1000, 100),
)),
),
Container(
margin: EdgeInsets.only(bottom: 100 * animation.value),
child: Stack(
children: <Widget>[
Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(16.0),
),
margin: EdgeInsets.all(24.0),
child: TextField(
decoration: InputDecoration(
contentPadding: EdgeInsets.symmetric(
horizontal: 18.0,
vertical: 18.0,
),
filled: true,
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(10.0),
),
prefixIcon: Icon(Icons.search),
fillColor: Colors.white,
hintText: 'Enter a search term',
),
),
),
Center(
child: Text(
'Search for Campuses, Courses and VR Videos!',
style: TextStyle(
color: Colors.white,
fontSize: 24.0,
fontWeight: FontWeight.bold,
),
textAlign: TextAlign.center,
),
),
],
),
),
],
),
);
}
解决方案
推荐阅读
- laravel - 为什么我的 response.body 为空,而我的后端设备令牌为空?
- scala - 不能用作模式中的提取器,因为它缺少 unapply 或 unapplySeq 方法
- css - 阻止内容溢出固定的 div?
- linux - 在for循环中使用grep从文件中提取行,导出到文件名中带有变量的新文件
- javascript - 我如何了解用户已在其 Android 设备上禁用地理定位?JS
- core-plot - SwiftUI IOS 动态 CorePlot 数据
- microsoft-graph-api - 如何使用图形 api 为 2 个不同的收件人发送具有不同内容的电子邮件
- wordpress - 使用 Wordpress 的 Twitter 大图像
- reactjs - getDerivedStateFromProps 之前的静态关键字
- api - Github Gists Api Angular