flick-video-player
flick-video-player copied to clipboard
How to get rid of circular progress bar
I have tried creating my custom control however I cannot get rid of the circular progress bar. It is showing under my play button when I launch a video.
class CustomOrientationControls extends StatelessWidget {
const CustomOrientationControls(
{Key? key, this.iconSize = 20, this.fontSize = 12, this.dataManager})
: super(key: key);
final double iconSize;
final double fontSize;
final DataManager? dataManager;
@override
Widget build(BuildContext context) {
FlickVideoManager flickVideoManager =
Provider.of<FlickVideoManager>(context);
return Stack(
children: <Widget>[
Positioned.fill(
child: FlickAutoHideChild(
child: Container(color: Colors.black38),
),
),
Positioned.fill(
child: FlickShowControlsAction(
child: FlickSeekVideoAction(
child: Center(
child: FlickAutoHideChild(
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: const <Widget>[
Padding(
padding: EdgeInsets.all(8.0),
child: FlickPlayToggle(size: 50),
),
],
),
),
),
),
),
),
Positioned.fill(
child: FlickAutoHideChild(
child: Padding(
padding: const EdgeInsets.all(8.0),
child: Column(
mainAxisAlignment: MainAxisAlignment.end,
children: <Widget>[
Row(
children: <Widget>[
Row(
children: <Widget>[
FlickCurrentPosition(
fontSize: fontSize,
),
Text(
' / ',
style: TextStyle(
color: Colors.white, fontSize: fontSize),
),
FlickTotalDuration(
fontSize: fontSize,
),
],
),
Expanded(
child: Container(),
),
],
),
FlickVideoProgressBar(
flickProgressBarSettings: FlickProgressBarSettings(
height: 5,
handleRadius: 5,
curveRadius: 50,
backgroundColor: Colors.white24,
bufferedColor: Colors.white38,
playedColor: Colors.red,
handleColor: Colors.red,
),
),
],
),
),
),
),
],
);
}
}