裁剪后的图片不显示??

来源: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回答

CrazyCodeBoy

2019-04-01

检查下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


0
0

React Native技术精讲与高质量上线App开发

一个真实的上线项目,一次完整的开发过程,全面掌握React Native技术

1577 学习 · 727 问题

查看课程