Flutter学习 — 设计基础

效果图：

代码+注释：

import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';void main() {runApp(new MyApp());
}class MyApp extends StatelessWidget {@overrideWidget 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);@overrideWidget 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,),),),);}
}

喜欢记得点个赞哟，我叫王睿很高兴认识大家！

更多原理请参考谷歌官网：
使用主题共享颜色和字体样式

Flutter学习 — 设计基础相关推荐

Flutter学习指南：文件、存储和网络
Flutter学习指南交互.手势和动画 UI布局和控件熟悉Dart语言编写第一个应用开发环境搭建本篇文章我们先学习 Flutter IO 相关的基础知识,然后在 Flutter学习指南:交互 ...
flutter学习（排雷）一
flutter官网:https://flutter.dev/docs/get-started/install 终于下定决心开始flutter学习了呢. 首先需要说的是flutter中的配置文件真的很严 ...
flutter scrollview_简单易上手的Flutter学习指南App,2020一起来玩转Flutter吧~
Flutter是谷歌的移动UI框架,可以快速在iOS.Android.Web和PC上构建高质量的原生用户界面. Flutter可以与现有的代码一起工作.在全世界,Flutter正在被越来越多的开发者和 ...
Flutter学习笔记（10）--容器组件、图片组件
如需转载,请注明出处:Flutter学习笔记(10)--容器组件.图片组件上一篇Flutter学习笔记(9)--组件Widget我们说到了在Flutter中一个非常重要的理念"一切皆为组件 ...
Flutter学习日记之底部导航栏BottomNavigationBar组件的使用
本文地址:https://blog.csdn.net/qq_40785165/article/details/116953235,转载需附上此地址大家好,我是小黑,一个还没秃头的程序员~~~ 空袋子 ...
iOS程序猿的flutter学习之路
日常学习Flutter开发的积累推荐一些平时自己学习Flutter开发当中接触到的优秀文章 -------------------------基础知识 ----------------------- ...
Flutter 学习
Flutter 学习参照:https://book.flutterchina.club/ 参照:https://flutter.cn/docs/development/platform-integr ...
Flutter学习笔记 —— 完成一个简单的新闻展示页
Flutter学习笔记 -- 完成一个简单的新闻展示页前言思路分析案例代码结束语上图前言刚学Flutter不久,今天我们来看看如何使用 Container & ListView实 ...
Flutter学习-多子布局Widget
Flutter学习-多子布局Widget 1. Flex 2. Row组件 2.1 Row组件介绍 2.2 属性解析 2.2.1 mainAxisSize 2.2.2 mainAxisAlignmen ...
Flutter学习（一）
目录 Flutter学习(一) Flutter学习(二)-FlutterGo学习概念参考:Flutter 开发文档在 Flutter 中,几乎所有都是 widget,包括对齐 (alignmen ...

Flutter学习 — 设计基础

效果图：

代码+注释：

喜欢记得点个赞哟，我叫王睿很高兴认识大家！

Flutter学习 — 设计基础相关推荐

最新文章

热门文章