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("拒单"), 
                  ) 
                ], 
              ), 
            ) 

（编辑：核心网）

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