Flutter学习笔记第二天:flutter的基础UI控件的学习

 

Flutter学习笔记第二天:flutter的基础UI控件的学习_第1张图片

Flutter学习笔记第二天:flutter的基础UI控件的学习_第2张图片

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        title: 'flutter控件展示',
        home: Scaffold(
          appBar: AppBar(
            title: Text('flutter 控件展示'),
          ),
          body: new Column(
            children: [
              new Text(
                'flutter  中划线 是 lineThrough',
                style: new TextStyle(
                  color: Colors.orange,
                  fontSize: 25,
                  decoration: TextDecoration.lineThrough,
                  decorationColor: Colors.blue,

                ),
              ),
              new Text(
                '下划线是 under',
                style: new TextStyle(
                  color: Colors.lightGreenAccent,
                  fontSize: 55,
                  decoration: TextDecoration.underline,
                  decorationColor: Colors.indigoAccent,

                ),

              ),
              new Text(
                '虚线是dash',
                style: TextStyle(
                  decorationStyle: TextDecorationStyle.dashed,
                  decoration: TextDecoration.underline,
                  decorationColor: Colors.orange,
                  fontSize: 45,
                ),

              ),

              new Text(
                "加粗 斜体",
                style: TextStyle(
                  fontSize: 30,
                  fontStyle: FontStyle.italic,
                  fontWeight: FontWeight.bold,
                  letterSpacing: 6,

                ),
              ),

              new Icon(
                Icons.accessibility_new,
                color: Colors.orange,
                size: 90,


              ),

              new IconButton(
                icon: Icon(Icons.accessible_forward),
                tooltip: '按下操作',
                onPressed: () {
                  print('我不要坐轮椅了!');
                },

              ),

            ],

          ),


        )

    );
  }
}

对应的效果图Flutter学习笔记第二天:flutter的基础UI控件的学习_第3张图片

你可能感兴趣的:(Flutter)