Capture ScrollView beyond screen get black background

Environment

Android: 7.0 React Native: 0.53.3 react-native-view-shot: 2.3.0

Describe

Capture ScrollView container , the beyond screen part get black background

the black part is beyond screen

code

import { captureRef } from 'react-native-view-shot'

  captureScreen = () => {
    console.log('this is captureScreen')
    captureRef(this.refs.Sc, {
      format: 'jpg',
      result: 'base64',
      snapshotContentContainer: true
    })
      .then(res => {
        console.log(`data:image/jpg;base64,${res}`, 'this is res')
      }).catch(error => {
        console.log(error, 'this is error')
      })
  }

<ScrollView
     ref='Sc'
     collapsable={false}
>
  <View>
    <Text>This is test</Text>
  </View>
</ScrollView>

Expect

the beyond screen part not get black background

[tza17313]

try add style={{backgroundColor:"#fff"}} to ScrollView. like this:

<ScrollView
     ref='Sc'
     collapsable={false}
     style={{backgroundColor:"#fff"}}
>
  <View>
    <Text>This is test</Text>
  </View>
</ScrollView>

[otherRick]

I just gave a style={{backgorundColor: ‘#fff’ to my ViewShot and got it fixed.