现在如果我们想在应用里提供一个用户注册界面,需要使用 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 这个小部件。