A DevTools plugin for managing and viewing the file system in Expo Go and Expo development projects.
Note:
This plugin requires theexpo-file-systempackage to be installed in your project
- For Expo SDK 54 and newer, use the latest version of this plugin
- For Expo SDK 53, use version
2.*.* - For Expo SDK 52, use version
1.*.*
Dev tools plugins documentation
Ensure you have installed and configured the expo package before proceeding.
Install the package with:
NPM
npm install file-explorer-expo-dev-pluginYarn
yarn add file-explorer-expo-dev-pluginimport { useFileExplorerDevTools } from 'file-explorer-expo-dev-plugin'
export default App() {
useFileExplorerDevTools();
return (/* rest of your app */)
}After installing the dev tools plugin and adding the connecting required code to your project, you can start the dev server up with npx expo start. Then press shift + m to open the list of available dev tools plugins. Select the plugin you want to use, and it will open in a new Chrome window.
Example project: examples/example-file-explorer
- Easily navigate and inspect the file system directly within Expo DevTools
- Perform file operations such as reading, writing, and deleting without extra setup
- Supports both Expo Go and Expo Dev Client for seamless integration
- Provides a lightweight and efficient way to test file storage during development
This plugin was created to provide a simple tool for quickly opening and manually testing files and folders created in Expo projects. The goal was to avoid the need for additional utility implementations or external tools, making file system interactions more convenient.
Contributions are welcome! Please follow the standard contribution process, including forking the repository, making changes in a feature branch, and submitting a pull request.
Extra: Expo contributing guide
This project is licensed under the MIT License. See the LICENSE file for details.
