0.2.3 • Published 5 years ago

react-native-save-view v0.2.3

Weekly downloads
561
License
MIT
Repository
github
Last release
5 years ago

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

NameAndroidiOSDescription
saveToPNGSave View to PNG file. Before the function is called, check that android has write to file permissions
saveToPNGBase64Save 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 🤩