Saving data in React Native - react-native

Question

Link to the File Structure Photo
So I'm currently learning React Native and assuming a file structure shown in the photo. I would like the user to click a button such that the button saves some text to a txt file under resources. How would I go about doing that?
I have tried AsyncStorage, fn-fetch-blob, react-native-filesystem but they have failed (not sure if those libraries are meant to be for specific file directories on your phone device)
What I have so far is a code shown below where if the user clicks the "Create file" button, then it saves to a text file called "my-file.txt" under the same directory as where the current .js file is, which well doesn't work
import FileSystem from 'react-native-filesystem'
export default class SaveData extends React.Component {
render() {
return (
<View style={styles.container}>
<TouchableOpacity onPress={this.createFile}>
<Text>Save to file</Text>
</TouchableOpacity>
</View>
);
}
createFile = async () => {
const fileContents = 'This is some content.';
await FileSystem.writeToFile('./my-file.txt', fileContents);
}
}

Answer 1

What you are trying to do here is not possible. There is no way of accessing these directories when your app is running. This is not the same as when you are running on a computer (a node.js app for example). This file structure will not be available when you are running in a native environment.
Async storage is not used to save files. It is used to save values, so it will never work for what you are trying to accomplish here.
The closest thing to what you are trying to do would be to use react-native-fetch-blob and store the file in the file system of the device, which is also the correct way of storing a file on a mobile device.