Flutter布局锦囊---男女性别单选

设计给的效果如下： 拿到设计后，先把整体拆分成几个部分： “点击操作”，感应用户选择性别的区域。 “选择性别男”，性别男的选择区域，点击会更新图片和样式。 “选择性别女”，性别女的选择区域，点击会更新图片和样式。 然后就可以开始进行编码了。 第1步：绘制组件树 第2步：实现“点击操作” 首先为性别男和性别女的图文内容搭一个可以点击的区域，等一下把它们俩放在这个区域里来，同时定义一个性别选择的控制器

>>阅读原文<<