我正在使用 Flutter 滑块小部件,其中点击/拖动滑块可移动滑块的进度/activeColor。然而,似乎只有直接触摸滑块才会导致事件发生,并且很难总是将手指直接触摸到滑块上。有没有办法扩大滑块的“触摸区域”?这就是我所拥有的:
return new Center(
child: new Container(
height: 2.0,
child: new Slider(
min: 0.0,
max: 1.0,
activeColor: Colors.grey[50],
value: _getUnitProgress(model),
onChanged: (double value) => _unitSeek(value, model),
),
),
);
Run Code Online (Sandbox Code Playgroud) 我尝试将图像添加到滑块拇指,但我不知道它应该如何工作。我们SliderThemeData没有用于添加缩略图的参数。
我已经绑定用于SliderComponentShape绘制拇指,但它不起作用。
class TimeReportTextField extends StatefulWidget {
@override
_TimeReportTextFieldState createState() => _TimeReportTextFieldState();
}
class _TimeReportTextFieldState extends State<TimeReportTextField> {
final textFieldController = TextEditingController();
ui.Image customImage;
Future<ui.Image> load(String asset) async {
ByteData data = await rootBundle.load(asset);
ui.Codec codec = await ui.instantiateImageCodec(data.buffer.asUint8List());
ui.FrameInfo fi = await codec.getNextFrame();
return fi.image;
}
@override
void initState() {
load('images/slider_thumb.png').then((image) {
setState(() {
customImage = image;
});
});
super.initState();
}
@override
void dispose() {
textFieldController.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return Stack( …Run Code Online (Sandbox Code Playgroud)