chewie
chewie copied to clipboard
fluttercommunity
Button overlaps behind the progress bar
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?
@BrightCode1 Can you create a separate example project that recreates this issue? Thanks in advance.
@BrightCode1 Also, what device are you trying to run it on?
Android infinix s5
Temporary solution: Wrap your Chewie widget with Scaffold and add appBar in scaffold
chewie: 1.3.4 version phone: huawei p30 lite In my case it overlaps a little bit, progress time is okay but sound and fullscreen icon is overlaped In full screen mode all right @rohit-suthar temp solution is works but, without appbar will be better
Wrapping with SafeArea widget solved it for me
SafeArea(
child: Chewie(
controller: chewieController,
),
);
