更改抽屉的颜色不会在悬停时显示颜色
changing color of drawer doesnt show color onhover
我正在制作一个抽屉,我想更改背景颜色,但是当我 select 容器上的颜色时,悬停时不会显示颜色变化,如果颜色是默认的作品一如既往
抽屉
return new Drawer(
child: Container(
height: _containerHeight,
color: const Color(0xff68778d),
child: ListView(
padding: EdgeInsets.zero,
itemExtent: _containerHeight < 900 ? _containerHeight/_numberOfListTiles: null,
children: [
listTile("assets/image1", "profile", ""),
),
],
),
)
);
列表板块
Widget listTile(asset, text, action) {
return new ListTile(
hoverColor: const Color(0xff545e8b),
leading: Image.asset(
asset,
fit: BoxFit.fitHeight,
),
title: Text(
text,
style: TextStyle(
fontWeight: FontWeight.bold,
fontSize: 16,
color: Colors.white,
),
),
onTap: (){
action;
}
);
}
有什么办法可以改变背景颜色和看到悬停动画吗?
您应该在 main.dart
中更改 ThemeData 中的 canvasColor
import 'package:flutter/material.dart';
void main() {
runApp(MaterialApp(
home: YourHomeWidget(),
theme: ThemeData.light().copyWith(
canvasColor: Colors.grey,
),
));
}
我已经回答了你的问题。
我正在制作一个抽屉,我想更改背景颜色,但是当我 select 容器上的颜色时,悬停时不会显示颜色变化,如果颜色是默认的作品一如既往
抽屉
return new Drawer(
child: Container(
height: _containerHeight,
color: const Color(0xff68778d),
child: ListView(
padding: EdgeInsets.zero,
itemExtent: _containerHeight < 900 ? _containerHeight/_numberOfListTiles: null,
children: [
listTile("assets/image1", "profile", ""),
),
],
),
)
);
列表板块
Widget listTile(asset, text, action) {
return new ListTile(
hoverColor: const Color(0xff545e8b),
leading: Image.asset(
asset,
fit: BoxFit.fitHeight,
),
title: Text(
text,
style: TextStyle(
fontWeight: FontWeight.bold,
fontSize: 16,
color: Colors.white,
),
),
onTap: (){
action;
}
);
}
有什么办法可以改变背景颜色和看到悬停动画吗?
您应该在 main.dart
中更改 ThemeData 中的 canvasColorimport 'package:flutter/material.dart';
void main() {
runApp(MaterialApp(
home: YourHomeWidget(),
theme: ThemeData.light().copyWith(
canvasColor: Colors.grey,
),
));
}
我已经回答了你的问题