首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Flutter 中Color 使用

Flutter 中Color 使用

作者头像
zhangjiqun
发布2024-12-16 18:26:28
发布2024-12-16 18:26:28
18600
代码可运行
举报
文章被收录于专栏:计算机工具计算机工具
运行总次数:0
代码可运行
代码语言:javascript
代码运行次数:0
运行
复制
      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,
      ),

代码语言:javascript
代码运行次数:0
运行
复制
backgroundColor: Color(0xFFff5656),  //红色  严格按照 0x +透明度+red+green+blue
selectedItemColor: Colors.amber[900],  //琥珀色 

新建自定义color:

代码语言:javascript
代码运行次数:0
运行
复制
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);
}
代码语言:javascript
代码运行次数:0
运行
复制
使用:selectedItemColor: CostomColors.colorPrimaryDark,

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2024-12-16,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档