[Flutter]Web开发的第0次尝试

关于FlutterWeb

2019年12月11日Flutter Interact大会上，伴随着FLutter1.12的发布，Google郑重推出了FlutterWeb的beta版并宣布正式支持Web平台。这意味着相比于之前存在于Flutter master分支上的早鸟测试版，它会更稳定，拥有更好的性能。
相关链接：FLutter正式支持Web平台

如何使用

如果设备中已经配置了Flutter开发环境，那么无论是创建一个支持Web的新项目还是对已有的应用添加Web支持都将会是一件非常简单的事情，只需要将Flutter升级到新版本，然后通过命令行开启Web支持就好了。（调试需要用Chrome，所以安装Chrome也是必不可少的。）

 $flutter config --enable-web

详细步骤：使用Flutter构建Web应用

尝试一下FlutterWeb

作为一个前端开发小白的第0次尝试，就用Flutter模仿一下网页界面效果吧，先谈能看，不谈功能。

师夷长技以“制”夷

刚好访问了Flutter官网，看上去还是比较简洁 简单的，就它了。当然这里的“制”并不是“制裁”的意思，而是制作–用Flutter来制作Flutter中文官网。

效果图

这效果，比起原网站差远了233，而且还有滑动位置与tab选中项目对应不准确的bug。而且作为一个前段小白，不知道是不是还有很多注意事项被忽略掉了。浅尝辄止，第一次尝试就这样吧，手脚冰凉，写不下去了。

收获

1.虽然实现的效果不理想，但感觉Flutter已经具备了开发简单网页的能力。
2.改变浏览器窗口时，相当于改变了Flutter系统的设备屏幕大小，同时会更新状态，执行build方法，可以据此实现，窗体改变时，调节Widget的大小。

源码地址：Flutter模仿一下Flutter.cn的大致框架

代码又臭又长，就不放在文章里了。
这次写得代码很差劲，希望是最差劲的一次，或者等下次（第index == 1次）尝试时再整理，完善一下。冷。