Big News: Socket raises $60M Series C at a $1B valuation to secure software supply chains for AI-driven development.Announcement
Sign In

react-native-file-select-mk

Package Overview
Dependencies
Maintainers
1
Versions
9
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-native-file-select-mk

文件选择,打开系统文件管理,对接android ios 原生

latest
Source
npmnpm
Version
1.0.10
Version published
Maintainers
1
Created
Source

github https://github.com/90Mark/react-native-file-select-mk

本文档,适用于ReactNative 项目

效果图

Image text Image text Image text Image text

ios 配置:

info.plist 中需要添加

UIFileSharingEnabled 使iTunes分享你文件夹内的内容
LSSupportsOpeningDocumentsInPlace 本地文件的获取权限

这两个需要设置yes

android 配置:

rn项目index文件中,或需要用到此权限的地方

import { Platform, PermissionsAndroid } from 'react-native'

if (Platform.OS !== 'ios') {
  PermissionsAndroid.requestMultiple([
    PermissionsAndroid.PERMISSIONS.READ_EXTERNAL_STORAGE,
    PermissionsAndroid.PERMISSIONS.WRITE_EXTERNAL_STORAGE
  ])
}

使用方法:

安装

npm install react-native-file-select-mk --save
or
yarn add react-native-file-select-mk

导入

import RNFileSelect from 'react-native-file-select-mk'

应用

 RNFileSelect.showFileList((res) => {
  console.log('path', res)
  if (res.type === 'cancel') {
    //用户取消
  } else if (res.type === 'path') {
    // 选中单个文件
  } else if (res.type === 'paths') {
    // 选中多个文件 看管理器支持情况目前采用默认的,只有会调用path
  } else if (res.type === 'error') {
    // 选择文件失败 
  }
})

Keywords

react-native

FAQs

Package last updated on 05 Nov 2020

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts