Flutter - Displaying Admob Adverts and Google Maps on the same screen - google-maps

I have a flutter app utilising firebase_admob and google_maps_flutter.
These two packages do not seem to be able to coexist on the same screen.
My app displays an application wide Advert that sits underneath the Bottom Navigation bar and persists when different screens / widgets are displayed.
When the Google Map tab is selected, the advert disappears leaving blank space. It automatically reappears when you switch from the map tab. Although this is not a major problem it does look a bit dodgey!
I originally used the admob_flutter package but instead of closing the advert when the map screen was selected, the graphics for the entire app became corrupt, replacing images with black squares and rendering strange artefacts everywhere.
I was wondering if anyone had come across this issue and what they did to work around it.
I am currently on the master channel of flutter as this seems to have resolved some other issues I had with maps crashing the app entirely.
Thanks in advance.

Related

following a link and returning back breaks mobile layout with viewport-fit=cover

I am struggling with PWA I made. I have the html meta tag viewport-fit=cover, which make sure that on phones with a pinhole camera or cutout, the app will stretch around it. When the pwa is added to the phones home screen and opened it works, but when I open a link and return to the "app" the whole camera area is a black bar and the content doesn't stretch around it anymore. Does anyone have a clue if there is a way to fix this behaviour?
I have only written one PWA. The whole App was one javascript file with one html page. Stepping through the app, did not change pages as the url remains constant. Therefore the back arrow does nothing on it. You have to code that action yourself.
In this case, something is not getting initialised again.

Windows phone back button task preview

On the windows phone when you press and hold the back button a collection of tiles will appear that represent apps that were recently run or are running in the background. Generally the tiles will show a preview of the app in the visual state it was in when it last navigated away from. I have seen some apps however that will show their logo on this tile regardless of the state the app was in when navigated away from. I have been beating my head against the internet trying to find how this is done. Perhaps I am missing the proper terms to search for in order point myself in the correct direction. Does anyone know how to accomplish swapping the back button history preview image or perhaps help me find the correct search terms to locate help on this?

What is this menu called in windows phone?

Recently Tapatalk updated their app and a new menu appeared, which I haven't seen before.
Does anyone know what this menu is called?
There is an image in the top left corner which is 3 orange horizontal lines, when you press on it a menu pops out from the left.
I am trying to write my own app and wanted to use this.
I have seen it in a few apps now.
I would upload an image but I am unable to at the moment
From what I can see in the app screenshots, this is a quite typical menu which slides in from the left in many Windows Phone apps these days. It can also be seen in Facebook, for example.
There is a good blog post explaining how to implement that written by Dan Ardelean:
Add side menus to an Windows Phone application (similar to the Facebook app)
It comes down to using gestures (or button click) to bring a part of the app into view.
You could also make a Flipview with 3 pages (FlipViewItems), it would be almost the same as the Facebook app

How to grab video from google street view Hyperlapse

Google created new project based on javascripts. http://hyperlapse.tllabs.io/
Engine creating timelapse video but not generating it as visible video file.
How to get it? Only save from screen by desktop video grabbers?
Ok, I found a way, but its complex.
fist things first though, it wasn't actually made by Google, but by T+L labs using the Google Maps API and JavaScript.
Now, to the interesting part:
You're right when you say that there is no pre-made way to save the output video, so you have to mess around with the source code (to remove the overlays) before using screen capture.
What you will need:
Google Chrome
Screen capture software
Windows Live movie maker
Steps:
First, create your hyper lapse like you normally would.
Once you are ready to export, open 'inspect element' (in most browsers the default key is 'F12')
A window with lots of text should pop up. drag the edge out to enlarge the window.
Move your mouse down over the coloured text. As you do this, different parts of the page should highlight themselves in blue one at a time.
What you are seeing is an automatic system; when you hover your mouse over the code for an object on the site, the browser highlights it for you!
Move the mouse around until you find the section that highlights the scroll-bar at the bottom of the page.
Click once to select it, then press delete. The scroll-bar should vanish.
Repeat steps 6-7 for all the other things on top of the hyper lapse itself.
You should now have a clear space to record!
Finally, before you record, press 'F11' to maximise the window, removing the navigation bar at the top.
Activate your screen capture and record the hyper lapse through (Note: make sure the mouse cursor is off-screen whilst you capture)
Press 'F11' again to regain the navigation bar, and then 'F5' to refresh the page and get the removed objects back.
Use Windows Live movie maker to edit the capture down to the correct section, then export as a high quality film.
You're done!

UIWebView loading/randering error after resize

I have a screen with 2 UIWebView. The user can drag the views left and right to make the right and left view bigger (respectively) and the other one smaller (like UISplitView but customized and self made). I'm loading .html pages from strings and local .css files. After resizing the UIWebView If I load a new page there will be a black or white stripe on the right side of the UIWebView. This stripe is part of the web view (not a space between the views), and if I scroll the webView up and then down, the stripe will vanish and the page will be presented correctly. This issue occurs only in iOS 6 and only on the device (on the simulator it doesn't occur).
Some notes:
- The .css file contains elements with fixed position. Changing to absolute position didn't solve the problem but changed it: the black stripre occured during the drag.
- As slower the drag is, the stripe will be bigger.
- After resize the page is presented correctly, only when I load a new page the stripe is shown.
- The time between resizing the web view and loading a page doesn't matter, it can be straight away or after couple of minutes.
Now, as a workaround I create a new UIWebView and copy the old properties to the new. But than I need to reload the presented page which make a white blink...
Any idea why does it happens, and how to fix it?
sorry by the late feedback, but recently I was experimenting what appears to be the same problem.
I was using an UIWebView to show some text into a grid view. The "layout" of the grid view was different from portrait to landscape, and I was working with percents of the cell to build both (landscape and portrait) grid frames, in my case it makes the web view not to have an integer size.
It makes me thought that it can be some half-pixel issue after the web view resizing.