Render off screen area about react-native-view-shot HOT 4 CLOSED

you can "render off-screen" by rendering it in a View that is not displayed or absolute "out of the screen".
It's a bit hacky but i've been using it in prod.

just a quick example:

class Stuff extends Component {
  snapIt() { return RNViewShot.takeSnapshot(this.refs.root, {...}) }
  render () {
    return <View ref="root">...</View>;
  }
}
class MyApp extends Component {
  doIt = () => { this.refs.stuff.snapIt().then(...) }
  render () {
    return <View>
      <View style={{ position: "absolute", left: 1000 /* basically should be screenSize.width */ }}>
        <Stuff ref="stuff" />
      </View>
      .. your app content..
      <Button onPress={this.doIt} label="RENDER IT!" />
    </View>
  }
}

from react-native-view-shot.

Cool, This Works. Thanks a lot.

from react-native-view-shot.

@gre Have you ever encountered a view outside the Image will have a certain probability can not be captured; I am sure this picture has been loaded . if I set the left to 0, the Image ca be captured.

Platform : android (6.0.1 and 7.0) ;
react-native : 0.43.1
react-native-view-shot : 1.9.1

from react-native-view-shot.

Do you have an exemple for a functional component?

from react-native-view-shot.