StatelessWidget意思是一个不需要状态改变的Widget,他不需要根据自己的一些状态来改变自己的渲染
import 'package:flutter/material.dart';
void main() =>runApp(MyApp());
class MyApp extends StatelessWidget{
@override
Widget build (BuildContext context)
{
return MaterialApp(
title: 'roadkiller',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: Scaffold(
appBar: AppBar(title: Text('Stateless与基础组件'),),
body: Container(
alignment: Alignment.center,
child:Column(
children: <Widget>[
Text(
'I\'m a Text',
style: TextStyle(
fontSize: 20.0,//字体大小只能在style里面设置
),
),
Icon(
Icons.add_a_photo,
size: 50.0,
color: Colors.lightBlue,
),
CloseButton(),//常用的两个键,一个关闭,一个返回
BackButton(),
Chip(//这个组件看起来就很常用
avatar: Icon(Icons.add_location),//avatar是左边的图片或图标
label: Text('add_location'),//label是右边的文字
),
Card(
color: Colors.pinkAccent[100],
elevation: 8,//卡片布局下可以设置卡片的阴影程度
child: Container(
padding: EdgeInsets.all(10),
child: Text('I am a Card',style: TextStyle(fontSize: 20.0),),
),
),
AlertDialog(//弹出的警示框
title: Text('我是谁?'),
content: Text('我在哪儿?'),
),
],
) ,
decoration: BoxDecoration(color: Colors.white),
),
),
);
}
}
StatefulWidget与之刚好相反,它是可以根据自己的状态来进行渲染的