如何在React Expo中显示数据库中的图像

时间:2019-03-06 04:10:51

标签: sqlite react-native compare directory expo

我从相机捕获了一张图像,然后将其存储到文件夹(默认图像路径)和数据库(图像名称)中,现在我必须将图像与文件夹和数据库进行比较。如果相同,则必须在其中显示图像画廊。如果有人知道,请提前告诉我。

在这里附上我的代码,请检查一下, 数据库:

display(){
      db.transaction(
        tx => {
        tx.executeSql('select * from gallery_images', [], (tx, results) =>
          console.warn(results)
        );
      },
    );
    }

文件夹图片:

componentDidMount = async () => {
    const photos = await FileSystem.readDirectoryAsync(PHOTOS_DIR);
    this.setState({ photos });
  };

1 个答案:

答案 0 :(得分:0)

由于您提到了expo,我相信您正在使用React Native。我想我能满足您的需求,首先让我们解决问题。

  1. 您需要检查两个相等的文件,因此需要读取它们并获取它们的属性。您可以尝试使用属性阅读器:

    npm install properties-reader

在这里您可以检查文件名,大小,尺寸以及与其他图像进行比较所需的内容。

  1. 您需要显示图像,尝试导入expo

    var icon = this.props.compareSuccessful吗? require('./ yourImage.png'):require('./ default.png'); ;