1.UI is never a problem

flutter 中,万物皆可 widget,生动形象,所有的界面都是由一个个小部件组合起来的.
flutter 中文网 widgets 目录

Flutter, what are Widgets, RenderObjects and Elements?

某文中偷的素材

程序的入口

使用 AndroidStudio 创建一个 Flutter 程序,与常规的 App 一样有个 main 的入口

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return CupertinoApp(
      title: 'JueJin',
      home: HomeWindow(),
    );
  }
}

main 函数执行 runApp(Widget app) ;
这个 app对象通过 build 函数得到MaterialApp(material 风格),CupertinoApp(iOS风格)对象,然后就可以各种功能的 widget 组装成我们想要的 App 了.

UI界面练习

选择了掘金 App 的5个主页做 UI 的练习,只有 UI
掘金flutter demo