Flutter , 让控件始终处于页面底部

转载于 2020-12-23 20:40:13 发布 · 9.8k 阅读

10 ·

CC 4.0 BY-SA版权

原文链接：https://www.jianshu.com/p/0d225e6f0327

文章标签：

#flutter

Flutter 专栏收录该内容

48 篇文章

订阅专栏

本文介绍了在Flutter中实现控件始终处于页面底部的方法。针对可滑动和不可滑动界面提供了多种解决方案，例如使用Column配合Expanded和Spacer组件来确保控件位置固定。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如何让某一控件始终处于页面底部？
在这里插入图片描述

在这里插入图片描述

一、可滑动界面的处理方式

Column(
     children: [
          Expanded(
               child: SingleChildScrollView(
                        child: Column(
                                  children: [ ... ],
                        ),
               ),
          ),
          Container(  //始终位于页面底部
             child: ... ,
          )
     ],
  ),

二、不可滑动界面的处理方式
方案一：

Column(
     children: [
          Container(  
             child: ... ,
          )，
        Spacer(),  //相当于弹簧效果，只有当不可以滑动的时候，才起效果
          Container(  //始终位于页面底部
             child: ... ,
          )
     ],
  ),

方案二：

Column(
     children: [
       Expanded( //多嵌套一个 Expanded
       	  child:  Container( 
             child: ... ,
           )，
       ),
       Container(  //始终位于页面底部
          child: ... ,
       )
     ],
  ),

以上内容转载链接：
https://www.jianshu.com/p/0d225e6f0327