代码之家 › 专栏 › 技术社区 › Mudassir Zakaria

如何将截图图像保存到react native中的手机存储?

screenshot storage save react-native reactjs

Mudassir Zakaria · 技术社区 · 6 年前

此代码成功运行,但在android emulator存储中未找到屏幕截图。有什么问题吗?在手机存储中保存截图是否需要任何更改?

return (
      <View style={styles.container}>
        <Text style={styles.welcome}>
          Welcome to React Native SnapShot!
        </Text>
        <Text style={styles.instructions}>
          To get started, edit App.js
        </Text>
        <Text style={styles.instructions}>
          {instructions}
        </Text>
        <Button
          onPress={
            () => {
            captureScreen({
              format: "jpg",
              quality: 0.8
            })
            .then(
              uri => console.log("Image saved to", uri),
              error => console.error("Oops, snapshot failed", error)
            );
          }
          }
          title="capture"
          color="#841584"
          accessibilityLabel="Capture"
        />
      </View>
    );

1 回复 | 直到 6 年前

Nisarg Thakkar 6 年前

请使用以下模块在本地存储中保存图像 https://github.com/francisco-sanchez-molina/react-native-store-photos-album

import CameraRollExtended from 'react-native-store-photos-album'

<Button
  onPress = {
    () => {
      captureScreen({
          format: "jpg",
          quality: 0.8
        })
        .then(
          uri => {
            CameraRollExtended.saveToCameraRoll({
              uri: uri,
              album: 'Name'
            }, 'photo')
          },
          error => console.error("Oops, snapshot failed", error)
        );
    }
  }
/>

推荐文章