
1、新建项目默认导入material.dart ( import 'package:flutter/material.dart';)
Android风格的UI组件库: import 'package:flutter/material.dart';
iOS风格widget:import'package:flutter/cupertino.dart';
2、入口main函数
//main方法是整个app的入口
void main() {
//runApp传入一个Widget当作参数
runApp(MyApp());
}
3、Widget介绍:Flutter里的UI控件
在Flutter中几乎所有的对象都是一个 widget。Flutter 中是通过 Widget 嵌套 Widget 的方式来构建UI和进行实践处理的,Flutter 中万物皆为Widget。
我们通常会通过继承StatelessWidget或StatefulWidget来间接继承widget类来实现。StatelessWidget和StatefulWidget都是直接继承自Widget类,而这两个类也正是 Flutter 中非常重要的两个抽象类。
class MyAppextends StatelessWidget {}
4、build方法是执行widget渲染的地方,所有的widget通过组合嵌套之后,通过build方法return给系统
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Hello Flutter',
home: Scaffold(
body: Center(child: Text("你好,Flutter")),
),
);
}
}
5、MaterialApp
MaterialApp是系统提供的一个根Widget,它是title,home等语义化的属性组合起来的。每个flutter 项目的入口都应该是一个MaterialApp。
网友评论