Image 有没有一种方法可以让我下载一个带有react native附加文本的图像

Image 有没有一种方法可以让我下载一个带有react native附加文本的图像,image,react-native,download,blob,react-native-android,Image,React Native,Download,Blob,React Native Android,Im正在构建一个react本机应用程序,目前为止,屏幕将uri中的图像加载到背景图像中,图像顶部还加载了一些文本,请参见附件图像: 所以我想要的是把这个图像和文本下载到设备上,如果你愿意的话,合并它们 欢迎提出任何建议 谢谢我建议您使用来自的ViewShot组件 下面是一个如何将其与项目集成的示例(请记住,这使用ES6 arrow函数语法): class CaptureImage扩展组件{ capturePic=()=>{ this.refs.viewShot.capture()。然后(uri=

Im正在构建一个react本机应用程序,目前为止,屏幕将uri中的图像加载到背景图像中,图像顶部还加载了一些文本,请参见附件图像:

所以我想要的是把这个图像和文本下载到设备上,如果你愿意的话,合并它们

欢迎提出任何建议


谢谢

我建议您使用来自的ViewShot组件

下面是一个如何将其与项目集成的示例(请记住,这使用ES6 arrow函数语法):

class CaptureImage扩展组件{
capturePic=()=>{
this.refs.viewShot.capture()。然后(uri=>{
log(“图像路径:”,uri);//对url执行所需操作
})
};
render(){
返回(
//按钮仅用于演示
);
}
}

希望你能理解:)

这看起来非常适合我的需要,我会告诉你我的进展,谢谢你知道这正是你需要的!这几乎可以工作了,我可以在图像上获取base64字符串,但是有没有办法将其转换为blob并下载到设备上?要将base64字符串保存为图像,请参阅参考。它似乎回答了你的问题。这个回答了你的问题吗?
class CaptureImage extends Component {
  capturePic = () => {
    this.refs.viewShot.capture().then(uri => {
      console.log("Path to the image: ", uri);  // do what you want with the url
    })
  };

  render() {
    return (
      <View
        <ViewShot ref="viewShot">

          // your background image components go here (the image with the text you want to capture)

        </ViewShot>

        // rest of your code goes here

        <Button onClick= {() => capturePic()} />  // button just for demonstration purpose
      </View>
    );
  }
}