React-Native 中使用 react-native-image-crop-picker 在华为手机上不能正常使用拍照功能

背景:

React-Native 0.66 中使用 react-native-image-crop-picker 在安卓华为手机上不能正常使用拍照功能, 其他品牌正常

代码如下:

import ImagePicker from 'react-native-image-crop-picker';ImagePicker.openCamera(photoOptions).then(image => {callback(image);})

原因分析及解决办法:

通过在 openCamera中增加 catch 捕获异常发现, 在华为手机上调用拍照时有报错,

1. Error: Cannot launch camera

poromiseMethodwrapper@http://localhost :8081/index .bundle?xxx

==> 在 android/app/src/main/AndroidManifest.xml 中增加 android:requestLegacyExternalStorage="true" 配置

2. 再继续调试发现另外报错

Failed to find configured root that contains /storage/emulated/0/Android/data/com.jgpdapro/files/Pictures/image-4488cf2d-8a66-4254-a9d6-f198bb1515781214910780677416114.jpg

promiseMethodWrapper@http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.jgpdapro&modulesOnly=false&runModule=true:2084:45

http://localhost:8081/index.bundle?platform=android&dev=true&minify=false&app=com.jgpdapro&modulesOnly=false&runModule=true:171700:57

==> 在 android/app/src/main/AndroidManifest.xml 中增加 android.support.FILE_PROVIDER_PATHS 配置

<manifest xmlns:android="http://schemas.android.com/apk/res/android"package="com.xxx"><applicationandroid:name=".MainApplication"android:label="@string/app_name"android:usesCleartextTraffic="true"android:icon="@mipmap/ic_launcher"android:roundIcon="@mipmap/ic_launcher_round"android:allowBackup="false"android:requestLegacyExternalStorage="true" android:theme="@style/AppTheme"><providerandroid:name="androidx.core.content.FileProvider"android:authorities="${applicationId}.provider"android:exported="false"android:grantUriPermissions="true"><meta-dataandroid:name="android.support.FILE_PROVIDER_PATHS"android:resource="@xml/file_paths" /></provider></application>
</manifest>

在 android/app/src/main/res/xml/下新增 file_paths.xml

<?xml version="1.0" encoding="utf-8"?>
<paths xmlns:android="http://schemas.android.com/apk/res/android"><external-pathname="external_pictures"path="Android/data/com.xxx/files/Pictures/" />
</paths>