react-native-save-view

0.2.3 • Public • Published

react-native-save-view

Codacy Badge npm npm version PRs Welcome

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

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 🤩

Package Sidebar

Install

npm i react-native-save-view

Weekly Downloads

40,404

Version

0.2.3

License

MIT

Unpacked Size

26.3 kB

Total Files

15

Last publish

Collaborators

  • rumax