Flutter Widget框架概述

2019-03-08  本文已影响0人  FrankyJ

1、更换主题

import 'package:flutter/foundation.dart';

import 'package:flutter/material.dart';

void main() {

  runApp(new MyApp());

}

class MyApp extends StatelessWidget {

  @override

  Widget build(BuildContext context) {

    final appName = 'Custom Themes';

    return new MaterialApp(

      title: appName,

      theme: new ThemeData(

        brightness: Brightness.dark,

        primaryColor: Colors.lightBlue[800],

        accentColor: Colors.cyan[600],

      ),

      home: new MyHomePage(

        title: appName,

      ),

    );

  }

}

class MyHomePage extends StatelessWidget {

  final String title;

  MyHomePage({Key key, @required this.title}) : super(key: key);

  @override

  Widget build(BuildContext context) {

    return new Scaffold(

      appBar: new AppBar(

        title: new Text(title),

      ),

      body: new Center(

        child: new Container(

          color: Theme.of(context).accentColor,

          child: new Text(

            'Text with a background color',

            style: Theme.of(context).textTheme.title,

          ),

        ),

      ),

      floatingActionButton: new Theme(

        data: Theme.of(context).copyWith(accentColor: Colors.yellow),

        child: new FloatingActionButton(

          onPressed: null,

          child: new Icon(Icons.add),

        ),

      ),

    );

  }

}

2、

![20190307100759-QQ20190306-172058.png](https://raw.githubusercontent.com/931743010/YosoroImage/master/img/20190307100759-QQ20190306-172058.png?token=AI4lj-DCBPDimXVnZz6b6GdBFN0WRTXTks5cgH09wA%3D%3D)

上一篇下一篇

猜你喜欢

热点阅读