I know there is a way to calculate height of a view before rendering/adding to tree in native android and iOS. Is there any equivalent of view.measure in Flutter?
Related
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.
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 making a desktop app and would like to add a translucency effect as shown in the image below. Would this be possible in flutter?
You would need to use a native view behind the Flutter view to achieve that effect; Flutter has no way of accessing the pixel data of the content behind the window in order to apply a filter effect to it.
So you should be able to make a macOS Flutter application with that effect, but you can't do that specific part within Flutter.
I'm fairly new to Flutter and am trying to accomplish something similar to what is being used in the Pigeon app for iOS. Basically I want an interactive page as a background in the app (like the map in the Pigeon app), and then have different screens appear over that background. These screens should be scrollable, but start at the bottom of the device screen, thus showing both the screen and the dynamic background at the same time. As long as the background is visible in you can interact both with it and the scrollable screen.
I have added a gif below which hopefully helps explaining the issues.
Any guidance on which widgets to look into would be appreciated. I've been experimenting with the Stack widget but can't yet figure out how to accomplish my desired behaviour.
For doing this kind of stuff you have to use sliver widget, which is provide by flutter material package
for more info you can check
Flutter Sliver