（八）使用界面组件Material定制界面主题

import 'package:flutter/material.dart';void main() =&amp;gt;runApp(App());// 不需要修改数据继承StatelessWidget 需要则 StatefulWidgetclass App extends StatelessWidget {/** 装饰 @override 表示重写父类 Stateless..

JaysenLeo

378人浏览 · 2019-03-17 14:54:59

JaysenLeo · 2019-03-17 14:54:59 发布

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,
          ),
        )
    );
  }
}