https://pub.dev/packages/video_360
https://github.com/kilroy80/flutter_video_360
I am using this package to play 360 videos in a Flutter app, and it uses Exoplayer for Android with AndroidView for the widget.
The problem is, the way this package is built is that if I set a SizedBox to the Video360View, it chops off a portion of the height when I set the MediaQuery screen height.
Instead of resizing the video, the video view is instead resized and no matter what I try I cannot get the full height of the video.
Is there any modification I can make to the package or do some Flutter workarounds to see the whole widget? (I tried the controller's height property, that didn't work either)
UPDATE: I set the Clip to none in AndroidView, and now I know it's the actual implementation that is not taking the full height of the video...
This only happens in landscape.
Related
I want to animate a container(upcoming task container),when go back to home screen from tasks screen I tried using Animated container but not working any help???
Use the AnimatedContainer widget for this. This is the video explanation from Flutter Devs, about how to do it.
i have an application created by flutter dart but it is not responsive i mean when i try it in my phone it look Very amazing but in annoter phones It look so big and not good at all
im wondering if there is some thing i have to add it in my code to make it responsive in all kind of screens
You need to write a code that will be responsive to all screens
Use Mediaquery to get screen width and height and adjust the container sizes according to the screen width and height
And use Constraints to look your app screen perfect in all devices\n
Try expanded,Flexible widgets too
I think you are new to flutter and time goes on you will understand about that
I'm building a web app with Flutter, but I want to mimic an iPhone screen view. I know that resizing the window can sort of achieve this effect, but is there a way to wrap all the contents in a frame of a phone screen graphic, or change the dimensions of the MaterialApp so that it is contained within the screen dimensions of a phone and doesn't fill up the whole window?
You can wrap MaterialApp in a SizedBox to restrict its size. Then you can use it anywhere you want just like a regular widget.
example
I am looking for a way to make an image span the entire width of the screen(while in landscape mode) while making the height of the image scroll-able. The images I want to render are of resolution 800*12000. What is the correct way of doing this?
I am fairly new to Flutter and Dart so easy solution will be appreciated.
Thank you
I have tried using the Image.asset() constructor inside a ListView. While it works for some Images, it throws weird error for some(Edit: Flutter no longer throws an error after updating it to v1.5.4-hotfix.2 but it still doesn't load the images sometimes ). The app just freezes when I try to load some of these images. Sometimes the image is only loaded when the device is in landscape mode
Used sample html along with PWA.
Added the app to home screen using safari in iPhone.
In browser whenever there is an orientation change I am able to get the proper window inner height and width, whereas in app that is launched form the home screen icon it doesn't give the changed width and height immediately in the orientation change callback.
Can someone help me with this?
Device: iPhone 12 safari
It seems to be a bug in Webkit browsers:
https://bugs.webkit.org/show_bug.cgi?id=170595
Someone suggest:
To avoid creating a new element, The following workaround seems to work fairly well for me:
For non-Safari, get the layout viewport size from document.documentElement.clientHeight (& Width).
Unfortunately, Safari's documentElement size does not update when the URL bar hides so I couldn't just apply it to all Webkit browser, but this bug just doesn't happen to Safari.