Flutter开发——StatelessWidget与StatefulWidget的基础组件

 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与之刚好相反，它是可以根据自己的状态来进行渲染的