File tree Expand file tree Collapse file tree 1 file changed +15
-21
lines changed
Expand file tree Collapse file tree 1 file changed +15
-21
lines changed Original file line number Diff line number Diff line change @@ -31,6 +31,21 @@ class ExampleCaptureOnMountManually extends Component {
3131 );
3232 }
3333}
34+ // ScrollView
35+ class ExampleCaptureScrollViewContent extends Component {
36+ onCapture = uri => {
37+ console .log (" do something with " , uri);
38+ }
39+ render () {
40+ return (
41+ < ScrollView>
42+ < ViewShot onCapture= {this .onCapture } captureMode= " mount" >
43+ < Text > ... The Scroll View Content Goes Here... < / Text >
44+ < / ViewShot>
45+ < / ScrollView>
46+ );
47+ }
48+ }
3449
3550// alternative
3651class ExampleCaptureOnMountSimpler extends Component {
@@ -63,27 +78,6 @@ class ExampleWaitingCapture extends Component {
6378 }
6479}
6580```
66- ## With ScrollView
67- ``` js
68- import ViewShot from " react-native-view-shot" ;
69-
70- class ExampleCaptureOfScrollView extends Component {
71- componentDidMount () {
72- this .refs .viewShot .capture ().then (uri => {
73- console .log (" do something with " , uri);
74- });
75- }
76- render () {
77- return (
78- < ScrollView>
79- < ViewShot ref= " viewShot" options= {{ format: " jpg" , quality: 0.9 }}>
80- ... All content of the ScrollView ...
81- < / ViewShot>
82- < / ScrollView>
83- );
84- }
85- }
86- ```
8781** Props:**
8882
8983- ** ` children ` ** : the actual content to rasterize.
You can’t perform that action at this time.
0 commit comments