React Native开发遇到的问题

React Native开发遇到的问题记录

- 上传图片Android一直提示Network Error
代码如下

 uploadHeadImage = (fileInfo) => {
        const param = new FormData();
        param.append("file", fileInfo);
        const config = {
            headers: { "Content-Type": "multipart/form-data" }
        };
        const uploadUrl = HOST_HREF.focustm_file_upload.replace('{type}', 'picture').replace('{token}', this.props.user.token);
        axios.post(uploadUrl, param, config).then((res) => {
            if (res.data && res.data.state === "SUCCESS") {
                // 上传成功，发送消息
                const uploadResult = res.data;
                conn.modifyUserHeadReq(HEAD_TYPE_NUM.CUSTOM, uploadResult.fileId).then(
                    () => {
                        Toast.show("上传成功");
                        // message.success("上传成功");
                        // this.setState(state => ({
                        //     ...state,
                        //     modifyHeadVisible: false,
                        // }));
                    }
                );
            } else {
                Toast.show("上传失败");
            }
        }).catch((e) => {
            Toast.show("上传失败");
            console.log(e)
        })
    }
 this.uploadHeadImage({ uri: img.path, type: img.mime, name: img.path.split('/').pop() })

排查步骤

1. 如果是http请求不行，改用https能上传成功，可能是AndroidManifest.xml里需要添加application的属性android:usesCleartextTraffic=“true”， 具体原因Android 9.0后默认仅支持https请求，要使用明文传输需要添加网络配置信息
   2.如果加了还是不行，注释掉

initializeFlipper(this, getReactNativeHost().getReactInstanceManager());

可能原因是进行了okhttp拦截处理导致上传失败

- 修改了原生代码，需要重新运行react-native run-android命令运行**

- 遇到点击无效果，需要删除缓存，卸载app重新运行

- Androidx工程遇到第三方库使用support库报错解决方案

方法1 npm install jetifier 
方法2 npx jetify //调用npx jetify将所有node_modules迁移到AndroidX
方法3 yarn android //自动jetify