Flutter 开发中的一些 Tips

Material( // 必要颜色添补到界线地区可以行使

Material( // 必要颜色添补到界线地区可以行使 
  color: Colors.white, 
  child: SafeArea( 
    child: Container(), 
  ), 
) 

照旧上面的页面，我们比拟一下处理赏罚前后的结果：

4.善用Theme

Flutter 在开拓中，让人诟病的就是大量的嵌套，而我们只能只管停止。好比将一些部件、属性举办封装，停止一再的誊写。不外封装也考究行使场景。假如这种样式的部件仅仅只是某一两处行使，封装显得有点小题大做。而且封装的大而全也会增进行使的伟大度。那么这时就可以行使Theme这种步伐。

举一个例子，在下图中圈起来的部门有三个按钮，它们的高度沟通，笔墨、圆角巨细也沟通。假如每一个都去设定这些属性，未免过分贫困。

这时我们行使Theme去同一修改它们的样式，就会很利便了。

Theme(  
              data: Theme.of(context).copyWith( 
                buttonTheme: ButtonThemeData( 
                  padding: const EdgeInsets.symmetric(horizontal: 16.0), 
                  minWidth: 64.0, 
                  height: 30.0, 
                  materialTapTargetSize: MaterialTapTargetSize.shrinkWrap, 
                  shape:RoundedRectangleBorder( 
                    borderRadius: BorderRadius.circular(4.0), 
                  ) 
                ), 
                textTheme: TextTheme( 
                  button: TextStyle( 
                    fontSize: 14.0, 
                  ) 
                ) 
              ), 
              child: Row( 
                children: [ 
                  FlatButton( 
                    color: Color(0xFFF6F6F6), 
                    onPressed: (){}, 
                    child: Text("接洽客户"), 
                  ), 
                  ...... 
                  FlatButton( 
                    color: Color(0xFFF6F6F6), 
                    onPressed: (){}, 
                    child: Text("拒单"), 
                  ) 
                ], 
              ), 
            ) 

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!