Exporting airbnb/react-native-map results in blank image about react-native-view-shot HOT 12 CLOSED

I've done a bit of digging and have come up with a possible solution.

You need to grab all the textureviews contained within that view and then render them on top of the base bitmap using a canvas.

Solution can be found within this thread (fastlane/fastlane#2081). I've tried it out and I'm correctly seeing my map image.

from react-native-view-shot.

hello sorry for the delay in getting back here but i had a crazy week. I think is a good thing to try, if you want i am cloning and doing some tests to see if i can create a PR 👍 , let me know if any of you is doing the same so we dont overlap 😛

from react-native-view-shot.

well i can see the map now :) with this commit https://github.com/kanekotic/react-native-view-shot/commit/fab00971c1da74ae9ad1a2e09d939e2740821c6f , the view is missaligned when I export but I will try to solve that ... but seems a good direction to solve this 😄

from react-native-view-shot.

so I have been putting a bit of time on this, but still having issues, the problem is how to combine different layers in the bitmap, specifically what areas are going to be ignored, also the layering seem a bit complex. I will keep you guys posted.

meanwhile I find a small workaround for maps that could interest you @elliotstokes and is set the property cacheEnabled to true in the MapView to get the map as an image (it works for me, I have not tried it to change it on the fly).

from react-native-view-shot.

Yes it works! Thanks!

from react-native-view-shot.

Hey. I'm seeing the same issue (android only). I'm guessing it's something to do with the way the maps are rendered.

from react-native-view-shot.

this might be somehow related to the same problem appearing for WebView ( #34 ) . there are probably some kind of View like OpenGL View that are not friendly with current implementation of snapshotting. I'm wondering if it's solvable and i would be happy if anyone want to investigate.

it would be good to have somewhere a test app that test bunch of different kind of view, so we can easily test things and do a checklist of things supported per platform.

from react-native-view-shot.

mmh that's very promising! do you think it can be done generically on a View?

from react-native-view-shot.

yeah feel free to do this and get a PR! that would be awesome =)

I guess we'll eventually need to investigate the same for iOS, but ok for now to just focus on android

from react-native-view-shot.

https://github.com/gre/react-native-view-shot-example now includes a react-native-maps example. it seems to work on iOS but I can reproduce the problem for Android.

from react-native-view-shot.

Yes, on Android still i see a black snapshot with only the google logo.

from react-native-view-shot.

@gerardus1995 what about this https://github.com/airbnb/react-native-maps#take-snapshot-of-map ?

if that lib can do the snapshotting instead, we will close that issue.

from react-native-view-shot.