react-native-save-view

react-native-save-view

Library for saving React Native View/ScrollView elements

Example

export default class App extends Component {
  componentDidMount() {
    this._saveView();
  }

  render() {
    return (
      <View ref={ref => this._viewRef = ref} collapsable={false}>
        <Text>Some content</Text>
      </View>
    );
  }

  async _saveView() {
    await this._makeSnapshotPNG();
    await this._makeSnapshotPNGBase64();
  }

  async _makeSnapshotPNG() {
    await RNSaveView.saveToPNG(ref, '/sdcard/Download/view.png');
    // Check /sdcard/Download/view.png using Device File Explorer
  }

  async _makeSnapshotPNGBase64() {
    const base64 = await RNSaveView.saveToPNGBase64(ref);
    console.log('base64:', base64);
  }
}

Methods

Name	Android	iOS	Description
saveToPNG	✓	✓	Save View to PNG file. Before the function is called, check that android has write to file permissions
saveToPNGBase64	✓	✓	Save View to PNG base64

License

MIT

Author

• rumax

Other information

• Generated with react-native-create-library
• Zero JavaScript dependency. Which means that you do not bring other dependencies to your project
• If you think that something is missing or would like to propose new feature, please, discuss it with author
• Please, feel free to ⭐️ the project. This gives the confidence that you like it and a great job was done by publishing and supporting it 🤩