Skip to content

💾 Library for saving React Native View/ScrollView elements

License

Notifications You must be signed in to change notification settings

rumax/react-native-SaveView

Repository files navigation

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 🤩

About

💾 Library for saving React Native View/ScrollView elements

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published