fluttercommunity / fluttercommunity/chewie

Button overlaps behind the progress bar

Open
#606 14 comments 1 reaction 0 assignees View on GitHub
Dominant language
Dart
Stars
2.1k
Forks
1.1k
Avg merge
6d 8h
Merged PRs (30d)
6

Description

![Screenshot_20220219-100241](https://user-images.githubusercontent.com/32621169/154796026-905ca2e8-dcf3-4a61-a898-146bceef4b49.png)
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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.