Can not use DocumentPicker on Android

[baddif]

import './i18n';
import React, { useState } from 'react';
import { View, Button, Text, Alert } from 'react-native';
import { DocumentPicker, DocumentPickerUtil } from 'react-native-document-picker';


const App: React.FC = () => {
  const [fileContent, setFileContent] = useState<string>('');

  const importFile = async () => {
    try {
        console.log('Before DocumentPicker');
      const res = await DocumentPicker.pick({
        type: [DocumentPicker.types.allFiles],  // 可以根据需要调整文件类型
      });
        console.log('After DocumentPicker');

      const fileUri = res.uri;
      console.log('Selected file URI:', fileUri);
      Alert.alert('File selected', `File URI: ${fileUri}`);
    } catch (err) {
      if (DocumentPicker.isCancel(err)) {
        console.log('User canceled the file picker');
      } else {
        console.log('Error importing file:', err);
        Alert.alert('Error', 'Failed to import the file.');
      }
    }
  };

  return (
    <>
      <Button title="Import File" onPress={importFile} />
    </>
  );
};

export default App;

I got codes like this.
DocumentPicker wouldn't work at all.
I can get log 'Before DocumentPicker', and then looks like the program stoped at the await command.
Logs after DocumentPicker never showed up.
I use try-catch, but it didn't throw any error either.
As far as I know, no permission was needed, and it just won't work.
I didn't try ios, now I am focusing on Android.
Thanks for any help or tip.

[einjunge99]

I'm getting the same behavior using 0.78.2 with new arch disabled. Do you happen to have the same issue @vonovak ?

[vonovak]

Open an issue pls. Thanks.

[einjunge99]

Thanks for your early response @vonovak . You know what? While doing the minimal reproducible example I realized my mistake. I was using pick from a default import (seen below) instead of using the named import. Curious enough, if I replaced my code with the latter, it worked seamlessly. Hope this helps someone.

import DocumentPicker from '@react-native-documents/picker';
...

DocumentPicker.pick({...})

[vonovak]

That's why the issue template asks for a minimal reproducer 🙂

that being said, maybe the default export could work too... 🤔