Not able to see images from android storage in react native

770 Views Asked by At

AndroidManifest.xml

<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> 

App.js

  const App = () => {

  const [uri, setUri] = useState("/storage/emulated/0/DCIM/Screenshots/Screenshot_20200902-162017_Netflix.jpg")

    const requestPermission = async () => {
        await PermissionsAndroid.request(
        PermissionsAndroid.PERMISSIONS.READ_EXTERNAL_STORAGE,
        {
            title: 'Get Read External Storage Access',
            message: 'get read external storage access for detecting screenshots',
            buttonNeutral: 'Ask Me Later',
            buttonNegative: 'Cancel',
            buttonPositive: 'OK',
        }
        );
    }

    const requestPermission2 = async () => {
        await PermissionsAndroid.request(
        PermissionsAndroid.PERMISSIONS.WRITE_EXTERNAL_STORAGE,
        {
            title: 'Get Read External Storage Access',
            message: 'get read external storage access for detecting screenshots',
            buttonNeutral: 'Ask Me Later',
            buttonNegative: 'Cancel',
            buttonPositive: 'OK',
        }
        );
    }

    useEffect(() => {
        requestPermission()
        requestPermission2()

    },[])  

   return (
        <View style={styles.container}>
        <Image
            source={{uri : `file://${uri}`}}
            style={{height:'100%', width:'100%'}}
        />

        </View>
   );
};

When I went into the app settings, I got permission

"/storage/emulated/0/DCIM/Screenshots/Screenshot_20200902-162017_Netflix.jpg file is Actually exists.

Why can't I see anything

0

There are 0 best solutions below