I am using this template to build out an App. First attempt at App building but want to use this for an online exhibition platform for my paintings and photography etc. This is from a Google Flutter demo on Youtube.
https://github.com/MarcinusX/drawer_challenge/blob/master/lib/main.dart
When you run the app in custom guitar drawer mode(set the flip Bool to true ) the Drawer is set to the left side of the screen(portrait mode). I want to use the length of the screen for info and other menu items for the App.
however i need to display the images and paintings in landscape mode.
this is the issue. Is there a way to leave the Drawer as it would be in portrait mode?
ie when the user turns the device to landscape mode, then the Drawer will turn up from the bottom of the screen, and not the left side of the screen as it currently does?
or is there a way to set an image into landscape mode through ratio change that could be done without orientating the device to landscape?
I tried transform.rotate on the image but that means it get renders in portrait mode in landscape orientation. I also tried playing with the Transform.translate but can't work out how to set the Sizebox differently
I am new to this and wish to use the lockdown time to have a place for my work of the last 15 years so can work out how to code the images and place the controls and audio player for the App but if i can get the basic structure set then i can get going with the design.
any help would be great but if need be I will have to design the App around this
....
app in portrait mode
app in landscape mode, want drawer to turn in from bottom of screen not left edge
Related
I have a sin up page that works very well, but when I switch to landscape mode, there is a small black flash on the screen that also disappears very early. flutter
I created a sign up page on flutter but when I switch from portrait to landscape mode, I see a black square appear on the screen before it disappears
When change the device orientation (by rotate the device) an black screen is painted in the bounds
what are the cases that can cause this?
I wanted to share my solution which is quite easy compared to my question above. Maybe it will save someone's time.
the black edge that appears when the device pivots (see image) disappeared during the execution of a release (flutter run apk --release).
suddenly everything is going well.
Has anyone got experience yet using banner ads, e.g from AdMob, on iPhoneX. I understand that we need to use the new safe area which seems fine in portrait mode but causes issues in landscape mode.
If we use the new safeArea insets the banner is floating above the new home button replacement swipe area. This is fine in Portrait mode but in landscape this is not ideal as it covers ever more screen estate and might block UI that previously was not be covered by the banner.
For example all my games are in landscape and the player tends to be right above the banner. But on iPhone X that banner in landscape is positioned about 20p higher thus now covers my player. It would not matter if the game was in portrait as we have extra screen estate at the top and bottom on iPhone X, kind of like a dead zone. In landscape however we do not have that extra screen estate at the top and bottom therefore having the banner sit above the safe area is not ideal as it’s covering more space now.
Can we use banners on iPhone X in landscape that are all the way at the bottom? Since games in landscape already cover all of the screen I presume the banner can be placed right at the bottom, below the safe area.
I am working on YouTube Video playing application where i need to play videos through UIWebView its working fine when i m rotating the devices from portrait to landscape mode.But When i click The Zoom option(Zoom Option means through UIWebView) and trying to rotate the Screen from portrait to landscape mode its showing white Blank screen in bottom right corner.and in case of landscape to portrait at bottom part its showing white blank screen.please help me out.
I guess it has something do with your webviews background color. Anyway can you provide some screenshots to make it more clear.
I wish to launch the camera in my app but keep it in landscape mode only... is it possible?
If you check the default iphone camera and you put it in the landescape mode only the icons of flash and other items comes in the landscape mode and the white bar always remaining on left side of the camera app so i think we cann't put that bar in the landsecape mode and remaining thing you can do in landescape by autorotate interface doing yes.
I have a universal iPhone/iPad app that I'm in the process of completing. This is a music listening app that connects to and allows you to listen to music off of a user composed music site.
Since the user base for this app will be very small I've decided to put iAds in to try and get a little recovery on the programming costs.
The app is xib-less meaning that I create all components and draw every view manually. I have all of the code in place to place the iAd on screen and off screen for its various states. My app supports all rotations of all devices and my screens correctly reposition all components for every possible orientation.
After digging deep in the documentation I found that Apple always displays tapped on iAds in portrait mode. If my device is in portrait mode (upright) then there is no problem. However if I'm in landscape or upside down (yes it makes sense for this app), then the iAd displays in portrait but when closed my app is a mess.
The best way I can describe it is that each of my display items has a frame which I manually set to position it where I want it for each orientation. This works perfectly until the user taps on an iAd. The modal iAd dialog comes up then after it is closed even if I force a reposition of my components nothing draws correctly.
I've checked the view frame coordinates before and after the ad and I see some minor shifting. But what is so strange is that my components even when forced to their frame locations I desire are just a mess.
Any help would be greatly appreciated. Here is a link to the screen movie incase
embedding doesn't work: http://www.screencast.com/t/1pSwUI3EiMF