有时,我在开发 RN(React Native) 项目时需要读取或写入文件以使用文件系统。 react-native-fs 是我在这里找到的库,承诺读取文件并保存整个新文件。
我完美地运行了该库的所有内容,看起来运行良好(执行中没有错误)。但是当我最终去保存我的新文件时,它并没有对文件做任何事情,文件保持空白,但它显示消息“文件已写入!”,代码的承诺中的消息应该是谁表明它运行成功。
在我的编码文件中,它已经有一个 test.txt,这是一个全新的 React Native 应用程序,代码如下:
import React from 'react';
import {Text, TouchableOpacity ,StyleSheet ,View} from 'react-native';
import * as RNFS from 'react-native-fs'
export const App = () => {
// directory of the file
var path = RNFS.DocumentDirectoryPath + '/test.txt';
// write the file
const onPress = () => RNFS.writeFile(path, 'Testing string to print in the file', 'ascii')
.then(() => {
console.log('FILE WRITTEN!');
})
.catch((err) => {
console.log(err.message);
});
return (
<View style={styles.container}>
<TouchableOpacity
style={styles.btnSend}
onPress={onPress}
>
<Text>Press Here</Text>
</TouchableOpacity>
</View>
);
};
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: 'white',
}
, btn发送:{ alignItems: "中心", 背景颜色:“#DDDDDD”, 填充:10, 保证金:10, } });
导出默认应用;