用户登录

现在如果我们想在应用里提供一个用户注册界面,需要使用 Flutter 提供的小部件收集用户输入的要注册的用户名,还有给用户设置的密码。

先创建一个小部件,放在 lib/user/create 里面,名字是 user_create.dart,在这个文件里新建一个小部件,小部件的名字叫 UserCreate。

然后我们再去新建一个练习页面,在这个页面上使用一下这个 UserCreate 小部件。新建一个文件放在 lib/playground/input 里面,名字是 playground_input.dart。 在这个文件里新建一个小部件,名字是 PlaygroundInput。

在这个小部件里面,先用一个 Container 小部件,设置一下这个容器的 color,把背景颜色设置成 Colors.white。然后用 padding 属性设置一下容器里的内边距,EdgetInsets.all,大小是 32。小部件的 child 可以用一下刚才创建的 UserCreate 小部件。

再打开 playground.dart,在练习页面可以使用一下 PlaygroundInput 这个小部件。现在打开 练习 这个页面,在页面上就会显示 UserCreate 这个小部件。

准备练习演示用户输入的小部件《 Flutter 2:表单元素 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点