用户登录

打开编辑器的资源管理器 .. shift + command + E .. 在项目的 lib ... demo 的下面,新建一个文件 .. 名字是 form_demo.dart ..

文件的顶部 .. 先导入 flutter 包里的 material ...

下面再去创建一个 StatelessWidget ... 小部件的名字是 FormDemo .. 在它里面,先用一下 Scaffold .. 它会给我们提供一个基本的界面结构 ..

再回到 main.dart ...

在 MaterialApp 里面的 routes 这个属性里 .. 再添加一个带名字的路由 .. 名字是 /form ... 路由的构建方法 .. 接收一个 context 参数 ... 要用的是 FormDemo .. 就是刚才我们创建的那个小部件 ..

然后把应用的初始路由暂时设置成这个 /form .. 这样打开应用,一开始显示的东西就是这个 FormDemo ..

在文字的顶部,再去 import 一下定义这个小部件的文件 ... demo 下面的 form_demo.dart ..

保存一下文件 ...

shift + command + P .. 打开命令面板 .. 搜索一下 hot restart ... 执行一下这个命令 ..

现在我们的应用的界面上会显示一个空白的页面 .. 这个页面就是 FormDemo 小部件 ...

创建 FormDemo 小部件《 Flutter 移动应用:表单 》

统计

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

社会化网络

关于

微信订阅号

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