flutter DropdownButton 下拉框背景色

Theme的canvasColor属性可以修改下拉栏背景色

List<String> _demoList = ['one', 'two'];
// 外层Theme的canvasColor属性可以修改下拉栏背景色
Theme(
  data: Theme.of(context).copyWith(
    canvasColor: Color.fromRGBO(27, 29, 67, 1.00),
  ),
  // DropdownButtonHideUnderline 没有下划线的下拉栏
  child: DropdownButtonHideUnderline(
      child: DropdownButton(
          style: TextStyle(color: Color.fromRGBO(0, 255, 255, 1.00),),
          items: _demoList.map((value) {
              return DropdownMenuItem(
                  child: Text(value),
                  value: value,
              );
          }).toList(),
          value: _demoList,
          onChanged: (String value) {
              setState(() {
                  _demoList = value;
              });
          },
  )))
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS 指层叠样式表(Cascading Style Sheets),是一种用来为结构化文档(如 HTML 文档或...
    神齐阅读 2,161评论 0 14
  • 2017.12.25 星期一 晴 好像每个圣诞节都是几个闰蜜一起过的,不是为了过圣诞节而过,而是隔了...
    名禅居阅读 304评论 0 0
  • 早上十点,我才从床上伸出了头,懒洋洋的透过玻璃的缝隙看外面,阳光刺眼,声音嘈杂,我屏住呼吸,努力分辨那些嘈杂的声音...
    秋水寒l阅读 264评论 0 3
  • 让顾客相信自己卖的是正品、真品一直是各类网店致力于研究的硬伤。然而在网上,到底有多少是真的正品,有多少是山寨,估计...
    阿克拉美莱阅读 4,760评论 30 11
  • 文/艺莫 昨天傍晚下班往家返 遇见路边一个卖金鱼的小商贩 一群颜色各异的金鱼顿时映入眼帘 看得心喜欢 忍不住买了六...
    艺莫阅读 289评论 4 5