当我在 ReactNative 应用程序中写入文件时,它实际上并没有写入

时间:2021-03-09 04:04:56

标签: javascript react-native filereader

有时,我在开发 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, } });

导出默认应用;

0 个答案:

没有答案
相关问题