【Flutter學習筆記】Text Widget的使用

本博文爲跟隨【技術胖】前輩學習谷歌移動UI框架【Flutter】的筆記

前輩的我的主頁網址以下：

首頁 | 技術胖-勝洪宇關注web前端技術-前端免費視頻第一博客

前輩的視頻教程網址以下：

Flutter基礎視頻教程

代碼示例

import 'package:flutter/material.dart';
void main()=>runApp(MyApp());
class MyApp extends StatelessWidget{
  @override
  Widget build(BuildContext context){
    return MaterialApp(
      title: 'Tomato Clock',
      home:Scaffold(
        body:Center(
          child: Container(
            child: new Text('Tomato Clock', style: TextStyle(fontSize: 40.0)),
            //container的佈局定位
            alignment: Alignment.center,
            //container的長寬
            width: 500.0,
            height: 400.0,
            //container的內外邊距
            padding: const EdgeInsets.all(10),
            margin: const EdgeInsets.all(10),
            //container的背景顏色
            //color:Color.fromARGB(255, 112, 112, 112),
            //設置容器的裝飾
            decoration: new BoxDecoration(
              //設置漸變色，與color衝突
              gradient: const LinearGradient(colors: [Colors.lightBlue,Colors.greenAccent,Colors.purple]),
              //外邊框
              border:Border.all(width: 5,color: Colors.red),
            ),
          ),
        ),
      ),
    );
  }
}
複製代碼