Screenshot coming as empty

[srithar21]

feature request

In iOS 15.5, screen shot coming as empty full screen.

Its View inside the scroll view.

"react-native-view-shot": "^3.3.0", IOS 15.5

  const sharePdf = () => {
 
    captureRef(this._shareViewContainer, {
      format: 'jpg',
      quality: 1.0,
    }).then(
      uri => {
        console.log('Snapshot uri', uri);
      },
      error => console.error('Oops, snapshot failed', error),
    );
  };

 <ScrollView
      testID="scroll_view"
      style={styles.scrollContainer}
      ref={refere => {
        this.scrollView = refere;
      }}
      keyboardShouldPersistTaps="handled"
      scrollToOverflowEnabled={true}
      bounces={true}
      contentContainerStyle={{flexGrow: 1, paddingBottom: 100}}
      scrollIndicatorInsets={{right: 1}}
      showsVerticalScrollIndicator={true}>
      

      <View
        style={styles.subContainer}
        ref={component => {
          this._shareViewContainer = component;
        }}>
        <View style={{flex: 1}}>
          <Text
            testID="submit_terms_only_title_text"
            style={[commonStyles.text24Normal24500]}>
            {strings.login.signup.submitTerms.title}
          </Text>
          <Text
            testID="submit_terms_only_subtitle_text"
            style={[commonStyles.text16Normal24, {marginTop: 10}]}>
            {strings.login.signup.submitTerms.subtitle}
            <Text style={styles.subTitleBold}>
              {strings.login.signup.submitTerms.subtitleBold}
            </Text>
            <Text style={[commonStyles.text16Normal24, {marginTop: 10}]}>
              {strings.login.signup.submitTerms.subtitle1}
            </Text>
          </Text>
          <View style={{marginTop: 24}}>
            <BulletBlackBoldText
              e2eID="submit_terms_disclaimer1"
              contentArray={orderedSubmitTermsDisclaimer1()}
            />
          </View>
          <View style={styles.subBullets}>
            <View style={{marginTop: 24}}>
              <BulletBlackBoldText
                e2eID="submit_terms_disclaimer2"
                contentArray={orderedSubmitTermsDisclaimer2()}
              />
            </View>

            <View style={{marginTop: 24}}>
              <BulletBlackBoldText
                e2eID="submit_terms_disclaimer3"
                contentArray={orderedSubmitTermsDisclaimer3()}
              />
            </View>
          </View>
          <View style={{marginTop: 24}}>
            <BulletBlackBoldText
              e2eID="submit_terms_disclaimer4"
              contentArray={orderedSubmitTermsDisclaimer4()}
            />
          </View>
          <View style={{marginTop: 24}}>
            <BulletBlackBoldText
              e2eID="submit_terms_disclaimer5"
              contentArray={orderedSubmitTermsDisclaimer5()}
            />
          </View>
          <View style={{marginTop: 24}}>
            <BulletBlackBoldText
              e2eID="submit_terms_disclaimer6"
              contentArray={orderedSubmitTermsDisclaimer6()}
            />
          </View>
          <View style={{marginTop: 24}}>
            <BulletBlackBoldText
              e2eID="submit_terms_disclaimer7"
              contentArray={orderedSubmitTermsDisclaimer7()}
            />
          </View>
          <View style={{marginTop: 24}}>
            <Text style={styles.subTitleBold} testID="submit_terms_disclaimer8">
              {strings.login.signup.submitTerms.disclaimer8Bold}
              <Text style={[commonStyles.text16Normal24]}>
                {strings.login.signup.submitTerms.disclaimer8Normal}
              </Text>
            </Text>
          </View>
          <Text
            style={[styles.subTitleBold, {marginTop: 24}]}
            testID="submit_terms_disclaimer9">
            {strings.login.signup.submitTerms.disclaimer9Bold}
          </Text>
         
          </View>
        </View>
      </View>
    
    </ScrollView>
  );


IOS:::: Screenshot:

Platform: iOS 15.5

[gre]

could you try to reduce your component to the minimal reproductible case? to try to identify what causes it to be empty. there are possibly different root cause and I can't investigate personally into each

[Vasault]

i have the same issue, this only works on android, but on ios is completely blank, my view is super short, 1 image, 4 text below that, nothing else

[xiaoosnggao]

I have encountered similar problems, but the content is too long