首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用react-native-qrcode保存生成的二维码

如何使用react-native-qrcode保存生成的二维码
EN

Stack Overflow用户
提问于 2016-04-02 18:08:20
回答 2查看 1.4K关注 0票数 4

我正在尝试生成二维码,通过使用这个模块'react-native-qrcode',我得到了像这样生成的二维码,我如何保存这个二维码。

谁能给我建议,如何保存这个生成的二维码,任何帮助非常感谢

EN

回答 2

Stack Overflow用户

发布于 2016-05-18 19:38:06

你使用的库是uses a webview,因此你没有可以保存的图像。要以概念性的方式保存二维码,您可以存储提供的值,并根据需要将其放入组件中。如果需要获取图像,则需要扩展webview javascript part以使用画布的the ImageData interface。这是一个非常棘手的问题,我甚至不能完全确定是否有可能从web视图中获取数据。

票数 0
EN

Stack Overflow用户

发布于 2020-10-21 16:07:54

使用rn-qr-generator生成二维码。它将返回生成图像的路径或base64。稍后,您可以使用CameraRoll模块将图像存储在CameraRoll (或android上的Gallery )中。

代码语言:javascript
运行
复制
import RNQRGenerator from 'rn-qr-generator';
import CameraRoll from "@react-native-community/cameraroll";
 
RNQRGenerator.generate({
  value: 'your_qr_string_value_here',
  height: 100,              // height of the output image
  width: 100,               // width of the output image
  base64: false,            // default 'false'
  backgroundColor: 'black', // default 'white'
  color: 'white',           // default 'black'
})
  .then(response => {
    const { uri, width, height, base64 } = response;
    this.setState({ imageUri: uri });
    CameraRoll.save(uri);
    
  })
  .catch(error => console.log('Cannot create QR code', error));

在调用CameraRoll.save之前,请确保您具有保存图像的权限。权限示例请参见here

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36371883

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档