注册用户页面需要收集用户要注册的用户名还有给用户设置的密码,这里我们可以使用两个 TextField 小部件。
在这个按钮小部件的上面,可以再用一个 TextField 小部件,添加一个文本字段。在它下面用一个 SizedBox 小部件,跟下面的这个按钮之间添加点间隔,把 height 设置成 32。
不用做任何的配置,现在界面上就会显示一个可以输入文字的文本字段。这里我们在这个小部件里用 decoration 装饰一下,值是一个 InputDecoration,在它里面用 labelText 设置一下字段的标签文字,设置成有用户。现在这个文本字段上面会显示用户这个标签文字。
复制一份这个 TextField 小部件。然后在这两个小部件的中间,再使用一个 SizedBox 添加点间隔,height 是 32 。
第二个 TextField 可以收集用户密码,把 labelText 设置成 密码。如果想隐藏用户在文本字段里输入的内容,可以把 TextField 小部件的 obscureText 这个属性的值设置成 true。
现在用户可以通过界面上这两个文本字段设置要注册的用户的用户名还有密码。