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

如何让某一控件始终处于页面底部?
Flutter , 让控件始终处于页面底部_第1张图片

Flutter , 让控件始终处于页面底部_第2张图片

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

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

你可能感兴趣的:(Flutter,flutter)