裁剪后的图片不显示??
来源:11-8 React Native 分享与第三方登录模块开发(Android)-分享模块开发
追光0
2019-04-01
按照老师在React Native Android原生模块开发实战中裁剪图片的例子来写的:
render() {
let imgUrl =Platform.OS==='android'? 'file:///' + this.state.result:this.state.result;
let imageView=this.state.result===""?null:
<Image
resizeMode='contain'
style={{height:200,width:200}}
source={{uri: imgUrl}}/>
return (
<View style={styles.container}>
<View
style={styles.row}
>
<Text>宽:</Text>
<TextInput
style={styles.input}
defaultValue={ASPECT_X}
onChangeText={aspectX=>this.aspectX=aspectX}
/>
<Text>比 高:</Text>
<TextInput
style={styles.input}
defaultValue={ASPECT_Y}
onChangeText={aspectY=>this.aspectY=aspectY}
/>
<Text
onPress={()=> this.onSelectCrop()}
>裁切图片</Text>
</View>
<Text>{imgUrl}</Text>
{imageView}
</View>
);
}
"dependencies": {
"react": "^16.8.3",
"react-native": "^0.59.2"
}
可是,裁剪后的图片不显示?路径都是有的。
写回答
1回答
-
检查下APP是否有读写SDCard的权限,检查下Android target是不是大于22呢,对于Android target版本大于22需要动态申请存储权限的,可以参考课程源码的实现:https://github.com/crazycodeboy/RNStudyNotes/blob/master/Demo/rn_native_module_demo/android/app/build.gradle
如何申请动态权限可参考:
https://blog.csdn.net/wuqingyou_w/article/details/60138807
00
相似问题