如何防止AppBar菜单图标与AppBar中的滑块重叠?

Question

我有一个滑块宽度的问题，因为菜单重叠滑块一点。如何设置滑块的自动宽度以防止重叠?

appBar: AppBar(
titleSpacing: 0,
title: Row(
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[
IconButton(icon: Icon(Icons.brush)),
IconButton(icon: Icon(Icons.undo)),
IconButton(icon: Icon(Icons.redo)),
Slider(value: x, min: 0, max: 100, divisions: 100),
],
),
actions: <Widget>[
PopupMenuButton<String>(
...

Answer 1

wrap Slider with Expanded widget

Expanded(child: Slider(value: x, min: 0, max: 100, divisions: 100),),

Answer 2

尝试在小部件之间添加一个sizebox (width: 10)

Answer 3

使用设备宽度

var width = MediaQuery.of(context).size.width;