Flutter 设置 App 的主色调与字体

App 开发过程中，肯定希望给用户带来一致的体验，这其中最基础的就是色调、字体保持一致。在 Flutter 中，可以设置全局的主题色调和字体，从而在其他页面引用主色调和字体，实现页面展示层面的一致。

Flutter 的主题色和字体可以在MaterialApp 中设置，即在 main.dart 的入口返回的 MaterialApp 组件统一设置全局的主色调和字体。如下面的代码所示：

class MyApp extends StatelessWidget {@overrideWidget build(BuildContext context) {return MaterialApp(title: 'App 框架',theme: ThemeData(primaryColor: Colors.blue,accentColor: Colors.blue[600],textTheme: TextTheme(headline1: TextStyle(fontSize: 36.0, fontWeight: FontWeight.bold, color: Colors.white),headline2: TextStyle(fontSize: 32.0, fontWeight: FontWeight.w400, color: Colors.white),headline3: TextStyle(fontSize: 28.0, fontWeight: FontWeight.w400, color: Colors.white),headline4: TextStyle(fontSize: 24.

Flutter 设置 App 的主色调与字体相关推荐

Flutter设置App的应用名字和应用logo图标的方法（android ios web）
在前面的几期给大家介绍了flutter的安装以及一些简单的配置,还运行了helloword 那么接下来就带领大家了解如何设置应用名称以及图标 Flutter设置App的应用名字和应用logo图标的方法 ...
android 启动白屏_从细节入手改善用户体验，Flutter跨平台App开发中设置Android和iOS的启动页
前言 flutter开发App方便快捷,就是冷启动的时候要加载dart引擎有短暂的白屏,严重影响用户体验,这个时候我们就需要设置一个启动图片,想国内大部分App那样(例如微信那个地球),启动App的时 ...
浅识Flutter Android studio 设置APP启动页
Flutter Android studio 设置APP名启动页 Android设置APP启动页 ios设置APP启动页 APP的应用一打开,启动应用程序后,进入主功能界面前会有一张图片或一段动画效果 ...
flutter设置默认字体
flutter设置默认字体 1. 下载字体文件 2. 将文件放入项目中 3. 修改pubspec.yaml 3. 修改MaterialApp组件 1. 下载字体文件 2. 将文件放入项目中 3. 修改 ...
如何设置app字体跟随系统_设置Android app的字体不随系统全局字体大小的变动而变动...
从android4.0起系统设置的"显示"提供设置字体大小的选项.以三星s4为例,在"设置-我的设备-显示-字体大小"中选择,可以调整系统的字体.这个设置直接会 ...
Flutter实现App功能引导页
Flutter实现App功能介绍页 App功能介绍页,主要是由介绍app功能的几张图片和当前页指示符组成,如下效果我们来一步一步实现上面的界面,左右滑动切换显示功能页,这个可以通过PageView来 ...
Flutter 设置文本框背景
Flutter 设置文本框背景先来看最终效果: 普通文本框样式的设置以下设置一个普通的文本框样式: new TextField(controller: _titleTxt,keyboardType ...
flutter 设置状态栏的颜色,背景appBar
flutter 设置状态栏的颜色,背景appBar: AppBar( elevation: 0.5, brightness: Brightness.light, 在有AppBar的界面,状态栏一般有B ...
python使用matplotlib可视化、自定义设置Y轴刻度标签字体的大小( setting axis ticks size in matplotlib y axis)
python使用matplotlib可视化.自定义设置Y轴刻度标签字体的大小( setting axis ticks size in matplotlib y axis) 目录

Flutter 设置 App 的主色调与字体

Flutter 设置 App 的主色调与字体相关推荐

最新文章

热门文章