星期五

Flutter动手制作一个登陆页面1

利用Flutter来制作一个登陆页面

我也是初学者系列

我们注重在代码方面,安装、配置之类的请移步百度谷歌各种各种,的确今天吃的咖喱的味道还在口中回荡的我写下了这样一张咖喱味的教程。
记住,注重代码才能更快地进步,注意理解行代码意思,代码不会放太多,进入正题:


这橙色的代码片段又让我想起了刚吃的咖喱(舔舔嘴😛),橙色部分就是一个widget(一下将用中文部件来称呼),这个部件叫做Stateless部件,我叫它为无(less)状态(State)部件(Widget)。
学习英语:
  • less:极少、无
  • state:状态
  • widget:小部件
看到其它的教程都知道在Flutter布局中什么都是部件(everything is widget)。
上面的图中或许有人注意到类名下的红线,那是缺少父类必须方法的的警告,下面加上就行了:


至于怎么瞬间打出这么多代码来的,只需要打上build再按回车就自动完成了。
  • context:前后文
  • override:重写
前后文意思就是用来连接应用页面的前页面和后页面的。
 这里build方法下有条线,这条线的意思是没返回的意思,那让我们返回些东西给它吧!



代码慢慢多起来了,我们来看看这里返回了一个叫MaterialApp的实例,这个实例是Flutter下的一个标准页面模版,他会需求到material的库在这里material是设计方案的名字,我们不太需要了解它意思,但也还是有意思的。继续看下面出现了两个参数,一个是title,另一个是home,我暂时还没输入参数进去。这里的title可以放个Text的实例进去以在标题显示文本。

  • material:材质













没有评论:

发表评论

 皆さんこんにちは、リュウタツと申します、中国から来ました、AIデザイン学科の一年生です。 私のテーマは「極東の地」です。 実に中国では日本といえば日中戦争を思い出すでしょう、日本に来る前は日本人ってまだ敵なのかな、仲良くできるかなっと思いました。ようやく、去年の4月にこの極東の...