dart - Flutter:自定义 ExpansionTile

Question

是否可以在 flutter 中更改扩展图 block ？具体来说，我想删除它在扩展时创建的分隔符。我也想调整它的填充。那可能吗？谢谢!

Answer 1

来自ExpansionTile

的来源

https://github.com/flutter/flutter/blob/d927c9331005f81157fa39dff7b5dab415ad330b/packages/flutter/lib/src/material/expansion_tile.dart#L176-L184

  Widget build(BuildContext context) {
    final ThemeData theme = Theme.of(context);
    _borderColor.end = theme.dividerColor;
    _headerColor
      ..begin = theme.textTheme.subhead.color
      ..end = theme.accentColor;
    _iconColor
      ..begin = theme.unselectedWidgetColor
      ..end = theme.accentColor;
    _backgroundColor.end = widget.backgroundColor;

您可以通过将元素包装在 Theme 中来获得可以影响的内容，例如通过修改 dividerColor

_borderColor.end = theme.dividerColor;

final theme = Theme.of(context).copyWith(dividerColor: Colors.yellow);
return Theme(data: theme, child: ExpansionTile(...));     

与 _headerColor、_iconColor、_backgroundColor 类似。如果您需要更多自定义，您可以随时复制源代码并根据自己的喜好对其进行自定义。