第一部分 配置资源

flutter在统一的资源配置文件pubspec.yaml(根目录)中配置资源.

pubspec.yaml中可以配置的资源有:

• 项目名
• 描述
• 环境
• 依赖
• 开发依赖
• 图片资源
• 字体资源

1. 配置图片

(1). 在统一的资源配置文件pubspec.yaml(根目录)中配置资源

(2). 在项目中引用

Image.asset('assets/images/ic_main_tab_company_nor.png'),

第二部分 主题颜色

在flutter的入口MaterialApp组件的 theme 属性可以从整体的角度改变APP的主题和风格

我们可以看到, 主题里有太多的属性, 实际应用中, 我们不需要全部定制, 我们只需要把握关键的几个属性就可以为整个APP定调, 如果需要进一步个性化定制 再去研究更细的属性, 或者重新写属于自己的控件也可以.

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Boss直聘',
      theme: ThemeData(
        primaryIconTheme: IconThemeData(color: Colors.white), //按钮主题
        brightness: Brightness.light, //主题明暗风格
        primaryColor:
            Color.fromARGB(255, 0, 215, 198), //App主要部分的背景色（ToolBar,Tabbar等）
        accentColor: Color.fromARGB(255, 0, 215, 198), //前景色(按钮、文本、覆盖边缘效果等)
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("主题风格"),
      ),
      bottomNavigationBar: BottomNavigationBar(items: [
        BottomNavigationBarItem(
            icon: Icon(Icons.access_alarms), title: Text("data")),
        BottomNavigationBarItem(
            icon: Icon(Icons.access_alarms), title: Text("data")),
        BottomNavigationBarItem(
            icon: Icon(Icons.access_alarms), title: Text("data")),
      ]),
      body: Column(
        children: <Widget>[
          RaisedButton(child: Text("按钮"), onPressed: () {}),
          BackButton(),
          IconButton(icon: Icon(Icons.access_alarms), onPressed: () {}),
          Card(
            child: ListTile(
              title: Text("data"),
              subtitle: Text("data"),
            ),
          )
        ],
      ),
      floatingActionButton:
          FloatingActionButton(child: Icon(Icons.add), onPressed: () {}),
    );
  }
}