美文网首页
Flutter Widget框架概述

Flutter Widget框架概述

作者: FrankyJ | 来源:发表于2019-03-08 14:35 被阅读0次

    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)

    相关文章

      网友评论

          本文标题:Flutter Widget框架概述

          本文链接:https://www.haomeiwen.com/subject/kqyrpqtx.html