Скачать или смотреть How to Read Files from the Assets Folder in Expo Go with React Native

Discover how to read text and CSV files from the assets directory in React Native's Expo Go, including the missing step for successful file reading.
---
This video is based on the question https://stackoverflow.com/q/74377785/ asked by the user 'Jorgen Timarey' ( https://stackoverflow.com/u/13441853/ ) and on the answer https://stackoverflow.com/a/74494937/ provided by the user 'muddybruin' ( https://stackoverflow.com/u/311238/ ) at 'Stack Overflow' website. Thanks to these great users and Stackexchange community for their contributions.

Visit these links for original content and any more details, such as alternate solutions, latest updates/developments on topic, comments, revision history etc. For example, the original title of the Question was: Reading file from assets folder with expo go

Also, Content (except music) licensed under CC BY-SA https://meta.stackexchange.com/help/l...
The original Question post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license, and the original Answer post is licensed under the 'CC BY-SA 4.0' ( https://creativecommons.org/licenses/... ) license.

If anything seems off to you, please feel free to write me at vlogize [AT] gmail [DOT] com.
---
How to Read Files from the Assets Folder in Expo Go with React Native

If you're working with React Native and using Expo Go, you might run into a common issue when trying to read files located in the assets folder. This guide will walk you through the process of successfully accessing and reading text files (such as TXT or CSV) stored in your assets directory.

The Problem

While attempting to read a file from the assets folder using React Native's expo package, many developers face this issue. You might execute the following code to load a file:

[[See Video to Reveal this Text or Code Snippet]]

When you run this code, you can successfully obtain the localUri, which is the path to the file. However, when using readAsStringAsync(localUri), you might encounter an empty response, often returning something like:

[[See Video to Reveal this Text or Code Snippet]]

This is frustrating because you're not able to read the contents of the file as intended.

The Solution

The key to solving this problem is to ensure that you await the asynchronous function call when reading the file. In your code, you are calling readAsStringAsync() without using await, which is why the output is not what you expect.

Updated Code Example

Here’s the corrected version of your code:

[[See Video to Reveal this Text or Code Snippet]]

Explanation of Changes

Add await: By placing await in front of FileSystem.readAsStringAsync(localUri), you're instructing the JavaScript engine to wait for the file reading operation to complete before proceeding. This change enables the function to retrieve the contents of the file instead of returning an object representation.

Check the Output: After adding the await, when you run your code, you should now see the contents of the test.txt file being logged to the console as expected.

Recap

To successfully read files from the assets folder in Expo Go, remember to:

Use Asset.loadAsync to get the localUri.

Ensure that you include await before FileSystem.readAsStringAsync(localUri).

Following these steps will enable you to read text or CSV files without any issues.

Now you can proceed with your project confidently, knowing how to access and read your asset files effectively. Happy coding!