React component for viewing & debugging your expo app file system

Usage no npm install needed!

<script type="module">
  import chmacExpoFileSystemView from 'https://cdn.skypack.dev/@chmac/expo-file-system-view';



View & debug your expo app file system.

Hate managing file system code? Annoyed of tediously checking if files get saved correctly or exist? Now you can easily view and debug your apps file system in an easy to understand interface. Using it is easy, just drop the component on any screen in your app and make sure your file system code is doing what you want.

Check out the demo to play around with it.

Note: Due to a bug in Expo.FileSystem read permissions for root directories on Android, this component currently only works on iOS. You can track the issue here


npm install --save expo-file-system-view or yarn add expo-file-system-view


Drop it anywhere in your own app:

import React from 'react'
import { View } from 'react-native'
import FileSystemView from 'expo-file-system-view'

export default class App extends React.Component {
  render () {
    return (
        <FileSystemView />