Is it possible with React Native Packager to load a text file as a string? As the same as Webpack's Raw Loader.

Example:

const someString = require('./something.txt');
console.log(someString);

What is the closest way to achieve this?

Is it possible with React Native Packager to load a text file as a string? As the same as Webpack's Raw Loader.

Example:

const someString = require('./something.txt');
console.log(someString);

What is the closest way to achieve this?

• javascript
• react-native

4 Answers 4

You'll need to use the React Native FS module which gives you FS-like mands within your React code:

var RNFS = require('react-native-fs')
RNFS.readFile('./something.txt', 'utf8')
    .then((contents) => {
      console.warn(contents)
    })

Possible solution:

https://github./callstack-io/haul

Haul is a drop-in replacement for react-native CLI built on open tools like Webpack. It can act as a development server or bundle your React Native app for production.

There is a library for exactly this problem: React-Native-Local-Resource. The library allows you to asynchronously load any type of text file in the way that you're describing.

See How to load local text file into string variable in ReactNative Project?

While you can't require a text file with React Native, you can require a JSON file. If it's possible to switch to JSON, you'll be set.