[Question] On ScrollView, how to take picture all of it, not only visible part?

[fuatsengul]

Hi, I have a long page which user have to scroll down to read all of it. This page is something user want to share on social media, so I need to take a shot whole scrollview content.
So, I've tried to use this package to take the image but it only returns what's visible on screen at the moment, I've also tried snapshotContentContainer option but no luck so far.

[ihor]

I'm having the same issue. Have you found any solution?

[fuatsengul]

Sorry, I was working on another part of the app at the moment, please let me know if you find a solution for that. Thanks

[ihor]

Well, rendering off-screen in a regular View as suggested here #31 works.

[gre]

mmh yeah so snapshotContentContainer is supposed to solve that. are you screenshoting from the scrollview ref?

[gre]

maybe there is a bug in the feature #47 (comment)

[ihor]

I see the same as described in #47. The content is stretched but cut.

[gre]

I guess the bug is only on iOS, probably around these lines:

react-native-view-shot/ios/RNViewShot.m

Lines 88 to 94 in 9a613da

	if (snapshotContentContainer) {
	// Save scroll & frame and set it temporarily to the full content size
	savedContentOffset = scrollView.contentOffset;
	savedFrame = scrollView.frame;
	scrollView.contentOffset = CGPointZero;
	scrollView.frame = CGRectMake(0, 0, scrollView.contentSize.width, scrollView.contentSize.height);
	}

would you like to provide a PR to fix it? (I have bad connectivity right now in China, this will need to wait 2 more weeks otherwise)

[sachinB94]

Hey, Any update on this? Testing on iOS simulator, facing the same issue.

[gre]

do you want to try a fix and submit a PR, otherwise a snippet reproducing the problem would be good, i'm not sure if the bug is reproducible in https://github.com/gre/react-native-view-shot-example already

[gre]

closing as I can't reproduce it. if you can and want to provide a fix, please provide a PR.

[MiteshJabuani]

scroll view content no of items and capture a single image of the scroll view. get image Like below...

[MiteshJabuani]

scrollview inside flatlist then capture screenshot
<Scrollview
<View
contents....
</View
<Flatlist
.........
/>
</Scrollview