Image 有没有一种方法可以让我下载一个带有react native附加文本的图像
Im正在构建一个react本机应用程序,目前为止,屏幕将uri中的图像加载到背景图像中,图像顶部还加载了一些文本,请参见附件图像: 所以我想要的是把这个图像和文本下载到设备上,如果你愿意的话,合并它们 欢迎提出任何建议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=
谢谢我建议您使用来自的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>
);
}
}