fix(ImagePicker): 修复android保存图片报错

Author: ChenlingasMx

.github/workflows/ci.yml

@@ -70,6 +70,13 @@ jobs:
         env:
           NODE_AUTH_TOKEN: '${{ secrets.NPM_TOKEN }}'
 
+       - name: 📦 @uiw/react-native-image-picker publish to NPM
+        run: npm publish
+        working-directory: packages/react-native-image-picker
+        continue-on-error: true
+        env:
+          NODE_AUTH_TOKEN: '${{ secrets.NPM_TOKEN }}'
+
       - name: Deploy
         uses: peaceiris/actions-gh-pages@v3
         with:

example/examples/android/app/src/main/AndroidManifest.xml

@@ -14,6 +14,7 @@
       android:allowBackup="false"
       android:theme="@style/AppTheme"
       android:requestLegacyExternalStorage="true"
+      android:usesCleartextTraffic="true"
     >
       <activity
         android:name=".MainActivity"

example/examples/src/routes/ImagePicker/index.tsx

@@ -28,27 +28,21 @@ export default function MenuDropdownView(props: ImagePickerProps) {
           </Card>
           <Card title="文件预览">
             <ImagePicker
-              value={[
-                'https://iknow-pic.cdn.bcebos.com/810a19d8bc3eb135828572d2ab1ea8d3fd1f441d',
-                'https://iknow-pic.cdn.bcebos.com/810a19d8bc3eb135828572d2ab1ea8d3fd1f441d',
-              ]}
+              value={['https://wx3.sinaimg.cn/mw690/4718260ely1gt2cg7t5udj23dw1wkhdu.jpg', 'https://wx3.sinaimg.cn/mw690/4718260ely1gt2cg7t5udj23dw1wkhdu.jpg']}
               readOnly={true}
             />
           </Card>
           <Card title="自定义图片大小">
             <ImagePicker
-              value={[
-                'https://iknow-pic.cdn.bcebos.com/810a19d8bc3eb135828572d2ab1ea8d3fd1f441d',
-                'https://iknow-pic.cdn.bcebos.com/810a19d8bc3eb135828572d2ab1ea8d3fd1f441d',
-              ]}
+              value={['https://wx3.sinaimg.cn/mw690/4718260ely1gt2cg7t5udj23dw1wkhdu.jpg', 'https://wx3.sinaimg.cn/mw690/4718260ely1gt2cg7t5udj23dw1wkhdu.jpg']}
               readOnly={true}
-              height={50}
-              width={50}
+              height={70}
+              width={70}
             />
           </Card>
           <Card title="限制上传数量">
             <ImagePicker
-              value={['https://iknow-pic.cdn.bcebos.com/810a19d8bc3eb135828572d2ab1ea8d3fd1f441d']}
+              value={['https://wx3.sinaimg.cn/mw690/4718260ely1gt2cg7t5udj23dw1wkhdu.jpg']}
               maxCount={2}
               upload={(file: File[]) => {
                 let imageList: string[] = [];

packages/react-native-image-picker/src/ImagePicker/image-picker.tsx

@@ -82,7 +82,6 @@ const ImagePicker = ({
       },
     ]);
   };
-
   const pictureList = useMemo(() => {
     if (showUploadImg && currentImgSource && currentImgSource.length > 0) {
       return currentImgSource.map((item, index) => (

packages/react-native-image-picker/src/ImagePicker/useImagePicker.ts

@@ -11,7 +11,7 @@ import { CameraRoll } from '@react-native-camera-roll/camera-roll';
 import type { File, ImagePickerProps } from './types';
 
 function getSource(value?: string) {
-  if (value && (value.startsWith('http') || value.startsWith('file:'))) {
+  if (value && (value.startsWith('http') || value.startsWith('file:') || value.startsWith('https'))) {
     return value;
   }
   return '';
@@ -52,7 +52,7 @@ export default function useImagePicker({
 
   useEffect(() => {
     if (value && value.length > 0) {
-      const source = value.map((value) => getSource(value));
+      const source = value.map((value: string | undefined) => getSource(value));
       setCurrentImgSource(source);
     }
   }, [value]);
@@ -186,10 +186,11 @@ export default function useImagePicker({
   const saveImage = async (url?: string | undefined) => {
     // 检查android权限
     if (Platform.OS === 'android') {
-      const permission =
-        Platform.Version >= 33
-          ? PermissionsAndroid.PERMISSIONS.READ_MEDIA_IMAGES
-          : PermissionsAndroid.PERMISSIONS.READ_EXTERNAL_STORAGE;
+      // const permission =
+      //   Platform.Version >= 33
+      //     ? PermissionsAndroid.PERMISSIONS.READ_MEDIA_IMAGES
+      //     : PermissionsAndroid.PERMISSIONS.READ_EXTERNAL_STORAGE;
+      const permission = PermissionsAndroid.PERMISSIONS.READ_EXTERNAL_STORAGE;
       const granted = await PermissionsAndroid.request(permission);
       if (granted !== PermissionsAndroid.RESULTS.GRANTED) {
         // 如果权限未获得，进行提示或者打开应用设置页面