（八）使用界面組件Material定製界面主題

MaterialApp的主題定製

• theme 屬性應用ThemeData類來固件

import 'package:flutter/material.dart';

void main() =>  runApp(App());

class App extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold( 
          appBar: AppBar(
            title: Text('頂部工具欄標題'),
            elevation: 10.0, // 設置頂部陰影大小
          ),// 添加頂部工具欄
          body: HelloWidget()
      ), 
      theme: ThemeData(
          primarySwatch: Colors.pink
      ),
    );
  }
}

class HelloWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
        child: Text(
          'Hello Widget',
          textDirection: TextDirection.ltr,
          style: TextStyle(
            fontSize: 45.0,
            fontWeight: FontWeight.bold,
            color: Colors.amberAccent,
          ),
        )
    );
  }
}

項目地址

• [email protected]:AngelovLee/FlutterDemo.git