栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

打开键盘时Flutter中的溢出错误

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

打开键盘时Flutter中的溢出错误

发生这种情况的原因是,当键盘出现在屏幕上时,要绘制的画布的高度减小了。一种解决方案是将您的根容器包装在SingleChildScrollView中,如下所示:

Widget build(BuildContext context) {return Scaffold(      body: Stack(        fit: StackFit.loose,        children: <Widget>[          Container( decoration: BoxDecoration(     image: new DecorationImage(         image: new AssetImage('assets/login_page_bg_1.jpg'),         fit: BoxFit.cover,         colorFilter: new ColorFilter.mode(  Colors.black.withOpacity(0.55), BlendMode.dstATop)  ) ),          ),          Column( mainAxisAlignment: MainAxisAlignment.start, children: <Widget>[   SizedBox(height: 42,),   Expanded(     flex: 1,     child: Center(       child:         Image.asset('assets/logo.png',  width: 250.0, height: 200.21),     ),   ),   Expanded(     flex: 2,     child: Column(         mainAxisAlignment: MainAxisAlignment.center,         children: <Widget>[         //form filed goes here         Text('Login As User',         textAlign: TextAlign.center,         style: TextStyle(  fontWeight: FontWeight.bold, fontSize: 35.0)),     TextFormField(       keyboardType: TextInputType.emailAddress,       decoration: InputDecoration(         hintText: 'you@example.com',         labelText: 'Email Address',       )     ),       new Container(         // width: MediaQuery.of(context).size.width,         child: RaisedButton.icon(color: Color.fromARGB(251, 188, 74, 1),label: Text('LOGIN'),icon: Icon(Icons.send,    size: 10.0, color: Colors.black),onPressed: () {  //this.submit();}, ),)],)),   SizedBox(height: 40,) ],)],),);

当内容的高度大于视口的可用高度时,它将使屏幕可滚动。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/427738.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号