Flutter 中Color 使用


      bottomNavigationBar: BottomNavigationBar(
        items: const<BottomNavigationBarItem>[
          BottomNavigationBarItem(
              icon: Icon(Icons.home), title: Text("Home")),
          BottomNavigationBarItem(
              icon: Icon(Icons.cake), title: Text("Center")),
          BottomNavigationBarItem(
              icon: Icon(Icons.edit), title: Text("End")),

        ],
        currentIndex: _selectIndex,
        unselectedItemColor: Colors.blue,
        backgroundColor: Color(0xFFff5656),
        selectedFontSize: 22,
        selectedItemColor: Colors.amber[900],
        onTap: _onItemTapped,
      ),
backgroundColor: Color(0xFFff5656),  //红色  严格按照 0x +透明度+red+green+blue
selectedItemColor: Colors.amber[900],  //琥珀色 

 

新建自定义color:

 


import 'package:flutter/material.dart';

class CostomColors {
  static const Color colorPrimaryDark = Color(0xff388E3C);
  static const Color colorAccent = Color(0xff8BC34A);
  static const Color colorPrimaryLight = Color(0xffC8E6C9);

  static const Color primaryText = Color(0xff212121);
  static const Color secondaryText = Color(0xff757575);
}

 

使用:selectedItemColor: CostomColors.colorPrimaryDark,

发现个问题:包名和调用名称 不一致但是只要代码中的class名一直就行,说明这个可以做成配置文件。

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 创作都市 设计师:CSDN官方博客 返回首页
实付 89.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值