Flutter 入门与实战（九），retrofit设计模式

• Clip.hardEdge：从名字就知道，这种方式很粗糙，但是裁剪的效率最快；
• Clip.antiAliasSaveLayer：最为精细的裁剪，但是非常慢，不建议使用；
• Clip.none：默认值，如果内容区没有超出容器边界的话，不会做任何裁剪。内容超出边界的话需要使用别的裁剪方式防止内容溢出。

圆形扁平按钮

这里需要提一下， Flutter 2.0以前的扁平按钮是FlatButton，使用起来很简单，但是很多场合不太满足，因此2.0以后引入了 TextButton 替代。TextButton 多了一个 style来装饰按钮样式。具体可以看官方的文档。这里我们的按钮需要设置背景色为主题色，然后按钮文字颜色为白色，同时需要切成圆角，因此还是使用 Container 的边界圆弧来实现。需要注意的是，默认按钮的宽度是根据内容来的，因此为了让按钮撑满屏幕，我们设置了 Container 的宽度为 double.infinity。代码如下所示：

Widget _getLoginButton() {
return Container(
height: 50,
width: double.infinity,
margin: EdgeInsets.all(10),
decoration: BoxDecoration(
color: Theme.of(context).primaryColor,
borderRadius: BorderRadius.circular(4.0),
),
child: TextButton(
style: ButtonStyle(
foregroundColor: MaterialStateProperty.all(Colors.white),
backgroundColor:
MaterialStateProperty.all(Theme.of(context).primaryColor),
),
child: Text(
‘登录’,
),
onPressed: () {
print(
‘Login: username= u s e r n a