HelloWord
至于Flutter的安装配置需要自己动手去研究了,我们这李直接开始学习+研究Flutter。
下面是我们的第一个程序:
import 'package:flutter/material.dart';
void main() => runApp(new MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new MaterialApp(
title: 'Startup Name Generator',
home: new Scaffold(
appBar: new AppBar(
title: new Text("HelloWord"),
),
body: new Center(
child: new Text("第一个程序"),
),
),
);
}
}
我估计大家都有以下几点不清楚的:
①“ =>” :Dart中单行函数或方法的简写。
②“ StatelessWidget”:flutter中万物皆组件,而这个就是无状态组件,这使得应用本身也成为一个组件。
③“ Scaffold”: Material library 中提供的一个widget, 它提供了默认的导航栏、标题和包含主屏幕widget树的body属性。
④“ build”:是根据子Widget 来渲染自己。
⑤“ Center”:这里是一个居中组件,该组件将万物皆组件表现的淋漓尽致,通常Center一般都是属性,这里确实组件。
运行图:
image.png
网友评论