该视频仅会员有权观看
立即开通课程「Flutter 移动端应用开发实践」权限。
- 在user create小部件中,先添加一个Column部件,用于竖排显示。
- 在Column内加入大标题,使用Text小部件,并设定TextStyle,包括字体粗细(fontWeight)为300和字号(fontSize)32。
- 设置Column主轴对齐为居中(mainAxisAlignment: MainAxisAlignment.center)。
- 设置交叉轴对齐为起始位置(crossAxisAlignment: CrossAxisAlignment.start)。
- 若要让Column占满页面宽度,使用Container小部件并将其宽度设为double.infinity。
- 为标题及下方组件间留空间,使用SizedBox高度设为32。
- 添加一个注册用户按钮,使用ElevatedButton,按钮上的文字为“注册用户”,并设定onPressed事件处理,点击时在控制台输出“注册用户”。
- 设置按钮样式,使用ElevatedButton.styleFrom方法,并定义TextStyle,设置字号20,按钮最小尺寸为无限宽度和60高度。
- 调试时点击按钮,可以在控制台看到输出。