相关疑难解决方法(0)

如何增加 Flutter 滑块小部件的“触摸区域”?

我正在使用 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)

widget slider touch flutter

6
推荐指数
2
解决办法
3801
查看次数

Flutter:如何将拇指图像添加到滑块?

我尝试将图像添加到滑块拇指,但我不知道它应该如何工作。我们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)

flutter

6
推荐指数
1
解决办法
9043
查看次数

标签 统计

flutter ×2

slider ×1

touch ×1

widget ×1