2

My code does not gives any error when executed over expo (react-native) but the image is also not loading. The path I get from details of the image in android is "Internal storage/DCIM/images.jpeg" therefore searching over forums read a suggestion to replace Internal storage with "file:///storage/emulated/0/". But this too does not work. The only output I get is the Hello, world! text.My device is Huawei BG2-U01.

Hope I am not missing out on any basics. 

import React, { Component } from 'react'; import { Text, View,Image } from 'react-native'; export default class HelloWorldApp extends Component { render() { return ( <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}> <Text>Hello, world!</Text> <Image source={{uri:'file:///storage/emulated/0/DCIM/images.jpeg'}} style={{width: 60, height: 60}} /> </View> ); } }

Improve this question

2 Answers 2

Reset to default
1

Set Width and Height for the source prop Ex :

<Image source={{width:200,height:200,uri:'file:///storage/emulated/0/DCIM/images.jpeg'}}/>
Improve this answer
Sign up to request clarification or add additional context in comments.

Comments

0

  1. Get the network address path

    1. Establish the URL object

    2. Establish the URL link conn

    3. Set the link method of Conn.

    4. Get the input stream of Conn

    5. New a byte[]arry.

    6. Create a local file and get the output stream of the file.

    7. Write byte[]to file with OutputStream.

    8. Then bitmapfactory.decodefile (), get the bitmap object and display it on the picture control.

Improve this answer

Comments

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.