探索React Native的文档选择器:react-native-document-picker
import DocumentPicker from 'react-native-document-picker';
// 选择文档
const pickDocument = async () => {
try {
const res = await DocumentPicker.pick({
// 你可以设置多种文件类型
type: [DocumentPicker.types.all], // 或者使用特定类型
});
console.log(res.uri); // 文件的URI
} catch (err) {
if (DocumentPicker.isCancel(err)) {
// 用户取消了操作
console.log('User cancelled');
} else {
// 处理其他错误
throw err;
}
}
};
// 使用按钮触发文档选择
// 在你的React Native应用中的合适位置
<Button onPress={pickDocument} title="选择文档" />
这段代码演示了如何在React Native应用中使用react-native-document-picker
库来选择文档。按钮被触发时,会调用pickDocument
函数,该函数尝试打开文档选择器,并允许用户选择一个文件。选择后,文件的URI会被打印到控制台。如果用户取消了操作,会输出相应的消息。如果在选择文档时发生任何其他错误,它们将被抛出并可能需要进一步处理。
评论已关闭