我有一个简单的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,
),
),
],
),
),
],
),
);
}