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名一直就行,说明这个可以做成配置文件。

发布了637 篇原创文章 · 获赞 650 · 访问量 58万+

猜你喜欢

转载自blog.csdn.net/qq_38998213/article/details/105242403
今日推荐