首页 > 解决方案 > 在键盘事件上禁用小部件移动

问题描述

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

标签: flutterdartandroid-softkeyboard

解决方案


推荐阅读