fluttercommunity / fluttercommunity/chewie
Button overlaps behind the progress bar
- Dominant language
- Dart
- Stars
- 2.1k
- Forks
- 1.1k
- Avg merge
- 6d 8h
- Merged PRs (30d)
- 6
Description

In the bottom of the image above you can see that the progress bar and the other buttons are a bit together and this was how it was when I started using `chewie: ^1.2.2` and even after updating to `^1.3.0` it's still the same thing. but if I enlarge the video it becomes normal
```
//flutter doctor -v
[√] Flutter (Channel stable, 2.8.0, on Microsoft Windows [Version 6.3.9600], locale en-US)
• Flutter version 2.8.0 at D:\flutter\Sdk\flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision cf44000065 (2 months ago), 2021-12-08 14:06:50 -0800
• Engine revision 40a99c5951
• Dart version 2.15.0
[√] Android toolchain - develop for Android devices (Android SDK version 31.0.0-rc2)
• Android SDK at C:\Users\bright\AppData\Local\Android\sdk
• Platform android-31, build-tools 31.0.0-rc2
• Java binary at: C:\Program Files\Android\Android Studio1\jre\bin\java
• Java version OpenJDK Runtime Environment (build 1.8.0_202-release-1483-b03)
• All Android licenses accepted.
[X] Chrome - develop for the web (Cannot find Chrome executable at .\Google\Chrome\Application\chrome.exe)
! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.
[√] Android Studio (version 3.5)
• Android Studio at C:\Program Files\Android\Android Studio1
• Flutter plugin version 44.0.1
• Dart plugin version 191.8593
• Java version OpenJDK Runtime Environment (build 1.8.0_202-release-1483-b03)
[√] VS Code (version 1.64.2)
• VS Code at C:\Users\bright\AppData\Local\Programs\Microsoft VS Code
• Flutter extension version 3.34.0
[√] Connected device (1 available)
• Edge (web) • edge • web-javascript • Microsoft Edge 97.0.1072.69
! Doctor found issues in 1 category.
```
```
//My Code
initVide() async {
if (widget.type == null || widget.type == '') {
_videoPlayerController = VideoPlayerController.network(widget.data);
} else if (widget.type == 'file') {
File file = File(widget.data);
_videoPlayerController = VideoPlayerController.file(file);
} else {
File file = File(widget.data);
_videoPlayerController = VideoPlayerController.file(file);
}
await Future.wait([_videoPlayerController.initialize()]);
_createChewieController();
}
void _createChewieController() {
_chewieController = ChewieController(
videoPlayerController: _videoPlayerController,
autoPlay: true,
looping: true,
aspectRatio: _videoPlayerController.value.aspectRatio,
autoInitialize: true,
errorBuilder: (context, errorMessage) {
return Padding(
padding: const EdgeInsets.all(10.0),
child: Center(
child: Text(
errorMessage,
style: TextStyle(color: Colors.white),
),
),
);
},
additionalOptions: (context) => [
OptionItem(
onTap: () => openFile(widget.data, "video"),
iconData: Icons.download,
title: "Download"),
OptionItem(
onTap: () => clipto(widget.data),
iconData: Icons.copy,
title: "Copy Link"),
],
);
if (mounted) setState(() {});
}
```
Please is this from my code, mobile or from the package?
Contributor guide
No contributing guide indexed for this repository
Research direction
Start by reproducing the overlap with the supplied ChewieController setup using chewie ^1.2.2 and ^1.3.0 on the reported Flutter 2.8 environment. Inspect the video controls around the progress bar and other buttons, then verify the controls remain separated at the non-fullscreen video size as well as when enlarged.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- dart, flutter
- Domain
- mobile
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100