用户登录

在登录页面上有个 注册新用户 按钮,按了这个按钮可以打开注册用户的页面。 先打开 app.dart,在这个小部件里的 MaterialApp 里面,添加一个 routes 属性,里面可以添加一些路由,添加一个 /signup ,值可以用一个方法返回对应的小部件。方法接收 context 参数,访问 /signup ,打开的是 Signup 小部件。

打开 LoginForm 小部件,打开登录表单里的注册新帐号按钮,设置一下这个按钮的点按回调,在方法里,可以用一下 Navigator.pushNamed 方法,一个 context 参数,第二个参数是定义的路由的名字,这里应该是 /signup 。

测试

在应用里可以先试一下,按一下登录页面上的 注册新用户 按钮,会打开注册页面,就是 Signup 小部件。

注册

下面可以再打开 SignupForm,在注册用户表单里,找到 点击登录 这个按钮,设置一下按钮的 onPressed 属性,在这个方法里,可以用一下 Navigator.pop,返回到上一个界面,方法有个 context 参数。

测试

再试一下,按一下注册页面上的这个登录按钮,会返回登录页面,按一下登录页面上的注册按钮,可以打开注册页面。

路由:在登录与注册页面切换《 Flutter 应用案例: 用户登录 》

统计

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

社会化网络

关于

微信订阅号

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