zourw / flutter_seekbar

flutter SeekBar

SeekBar

flutter SeekBar

Getting Started

class TestSeekBarPage extends StatefulWidget {
  @override
  _TestSeekBarPageState createState() {
    return _TestSeekBarPageState();
  }
}

class _TestSeekBarPageState extends State<TestSeekBarPage> {
  double _value = 0.0;
  double _secondValue = 0.0;

  Timer _progressTimer;
  Timer _secondProgressTimer;

  bool _done = false;

  @override
  void initState() {
    _resumeProgressTimer();
    _secondProgressTimer =
        Timer.periodic(const Duration(milliseconds: 10), (_) {
      setState(() {
        _secondValue += 0.001;
        if (_secondValue >= 1) {
          _secondProgressTimer.cancel();
        }
      });
    });
    super.initState();
  }

  _resumeProgressTimer() {
    _progressTimer = Timer.periodic(const Duration(milliseconds: 10), (_) {
      setState(() {
        _value += 0.0005;
        if (_value >= 1) {
          _progressTimer.cancel();
          _done = true;
        }
      });
    });
  }

  @override
  void dispose() {
    _progressTimer?.cancel();
    _secondProgressTimer?.cancel();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        padding: EdgeInsets.symmetric(horizontal: 40),
        alignment: Alignment.center,
        color: Colors.black87,
        child: SeekBar(
          value: _value,
          secondValue: _secondValue,
          progressColor: Colors.blue,
          secondProgressColor: Colors.blue.withOpacity(0.5),
          onStartTrackingTouch: () {
            print('onStartTrackingTouch');
            if (!_done) {
              _progressTimer?.cancel();
            }
          },
          onProgressChanged: (value) {
            print('onProgressChanged:$value');
            _value = value;
          },
          onStopTrackingTouch: () {
            print('onStopTrackingTouch');
            if (!_done) {
              _resumeProgressTimer();
            }
          },
        ),
      ),
    );
  }
}

flutter_seekbar's Issues

i wan't to connect with play pause button and get time also

//@Dart=2.9

import 'dart:async';
import 'dart:io';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/painting.dart';
import 'package:helpers/helpers/extensions/build_context.dart';
import 'package:helpers/helpers/size.dart';
import 'package:helpers/helpers/transition.dart';
import 'package:helpers/helpers/widgets/text.dart';
import 'package:seekbar/seekbar.dart';
import 'package:video_editor/domain/bloc/controller.dart';
import 'package:video_editor/ui/cover/cover_viewer.dart';
import 'package:video_editor/ui/crop/crop_grid.dart';
import 'package:video_editor/ui/trim/trim_slider.dart';
import 'package:video_editor/video_editor.dart';
import '../Progress.dart';

class VideoEditor extends StatefulWidget {

VideoEditor({Key key, this.file}) : super(key: key);

final File file;

@OverRide
_VideoEditorState createState() => _VideoEditorState();
}

class _VideoEditorState extends State {
final _exportingProgress = ValueNotifier(0.0);
final _isExporting = ValueNotifier(false);
final double height = 60;
VideoEditorController _controller;
double _value = 0.0;
double _secondValue = 0.0;

Timer _progressTimer;
Timer _secondProgressTimer;

bool _done = true;

@OverRide
void initState() {
// _resumeProgressTimer();
secondProgressTimer =
Timer.periodic(const Duration(milliseconds: 10), () {
setState(() {
_secondValue += 0.001;
if (_secondValue >= 1) {
_secondProgressTimer.cancel();
}
});
});
controller = VideoEditorController.file(widget.file,
maxDuration: Duration(seconds: 30))
..initialize().then(() => setState(() {}));
super.initState();

}

_resumeProgressTimer() {
progressTimer = Timer.periodic(const Duration(milliseconds: 10), () {
setState(() {
_value += 0.0005;
if (_value >= 1) {
_progressTimer.cancel();
_done = true;
}
});
});
}

@OverRide
void dispose() {
_progressTimer?.cancel();
_secondProgressTimer?.cancel();
_exportingProgress.dispose();
_isExporting.dispose();
_controller.dispose();
super.dispose();
}

@OverRide
Widget build(BuildContext context) {
return Scaffold(

  backgroundColor: Colors.black,
  body: _controller.initialized ? SafeArea(
      child: Stack(children: [
        Column(children: [
          // _topNavBar(),
          Expanded(
            child: Container(
              height: 484,
              width: double.infinity,
              child: DefaultTabController(
                  length: 2,
                  child: Column(children: [
                    Expanded(
                        child: TabBarView(
                          physics: NeverScrollableScrollPhysics(),
                          children: [
                            Stack(
                                alignment: Alignment.center,
                                children: [
                              CropGridViewer(
                                controller: _controller,
                                showGrid: false,
                              ),
                            ]),
                             CoverViewer(controller: _controller),
                          ],
                        )),
                    Container(
                      height: 80,
                      alignment: Alignment.centerRight,
                      child: FloatingActionButton(
                        mini: true,
                        backgroundColor: Colors.yellow,
                        onPressed: () {
                          if (_controller.isPlaying) {
                            setState(() {
                              _controller.video.pause();
                            });
                          } else {
                            setState(() {
                              _controller.video.play();
                            });
                          }
                        },
                        child: Icon(_controller.isPlaying ? Icons.pause : Icons.play_arrow, color:Colors.black))),
                    Container(
                      padding: EdgeInsets.fromLTRB(0,0,0,40),
                      margin: new EdgeInsets.symmetric(horizontal: 15),
                      child: SeekBar(
                        progressWidth: 4,
                        thumbRadius: 10,
                        thumbColor: Colors.white,
                        value: _value,
                        secondValue: _secondValue,
                        progressColor: Colors.yellow,
                        secondProgressColor: Colors.black.withOpacity(0.5),
                        onStartTrackingTouch: () {
                          print('onStartTrackingTouch');
                          if (!_done) {
                            _progressTimer?.cancel();
                          }
                        },
                        onProgressChanged: (value) {
                          print('onProgressChanged:$value');
                          _value = value;
                        },
                        onStopTrackingTouch: () {
                          print('onStopTrackingTouch');
                          if (!_done) {
                            _resumeProgressTimer();
                          }
                        },
                      ),
                    ),
                    ValueListenableBuilder(
                      valueListenable: _isExporting,
                      builder: (_, bool export, __) => OpacityTransition(
                        visible: export,
                        child: AlertDialog(
                          backgroundColor: Colors.white,
                          title: ValueListenableBuilder(
                            valueListenable: _exportingProgress,
                            builder: (_, double value, __) =>
                                TextDesigned(
                                  "Exporting video ${(value * 100).ceil()}%",
                                  color: Colors.black,
                                  bold: true,
                                ),
                          ),
                        ),
                      ),
                    )
                  ])))
          ),
        ])
      ]))
      : Center(child: CircularProgressIndicator()),
);

}

String formatter(Duration duration) => [
duration.inMinutes.remainder(60).toString().padLeft(2, '0'),
duration.inSeconds.remainder(60).toString().padLeft(2, '0')
].join(":");
}

How to disable seekBar interaction

How do I disable interaction with the seekBar. I can't find any boolean value that handles that.