Flutter 自定义进度拖动控件

Flutter视频进度条组件实现

最新推荐文章于 2025-08-15 21:27:33 发布

原创

最新推荐文章于 2025-08-15 21:27:33 发布 · 1.8k 阅读

1 ·

CC 4.0 BY-SA版权

代码如下：

import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import 'package:wenshushu/style/wenshushu_style.dart';

class SeekToView extends StatefulWidget {
  final Function() onDragStart;
  final Function() onDragEnd;
  final Function() onDragUpdate;
  final Function(double value) onChange;
  double value;

  SeekToView(
      {Key key,
      this.onDragStart,
      this.onDragEnd,
      this.onDragUpdate,
      this.value,
      this.onChange})
      : super(key: key);

  @override
  _VideoProgressBarState createState() {
    return _VideoProgressBarState();
  }
}

class _VideoProgressBarState extends State<SeekToView> {
  @override
  void initState() {
    super.initState();
  }

  @override
  void deactivate() {
    super.deactivate();
  }

  void seekToRelativePosition(Offset globalPosition) {
    final box = context.findRenderObject() as RenderBox;
    final Offset tapPos = box.globalToLocal(globalPosition);
    final double rela