expo-media-picker

A complete media file selector for React Native Expo.

Functionality: Select Gallery / Files / Camera

Installation

1# yarn
2yarn add expo-media-picker
3
4# npm
5npm install expo-media-picker --save

Then, import with:

1import MediaPicker from "expo-media-picker";

Note: You may also need to install @expo/vector-icons.

Note: Currently facing a bug, if your import is not working try:

1import MediaPicker from "expo-media-picker/dist";

Usage

Example:

1import React, { useState } from "react";
2import { StyleSheet, Text, View, Button } from "react-native";
3import MediaPicker from "expo-media-picker";
4
5export default function App() {
6  const [visible, setVisible] = useState(false);
7  return (
8    <View>
9      <MediaPicker value={null} onChange={(e) => null} title="Select a file" />
10    </View>
11  );
12}

You can see a full example app inside the /example folder!

Props