unable to load image url

[raymclee]

Hi there, is this support to load image from url with below code?

<Pulse color="orange" numPulses={3} diameter={400} speed={20} duration={2000} image={{ source: { uri: "http://www.freeiconspng.com/uploads/calendar-date-event-month-icon--19.png" } }} />

[gauravasrivastava]

I have a similar requirement. is it supported? If yes, Please share some example.

[Gleb]

@gauravasrivastava sure you can. Just look at

react-native-pulse/pulse.js

Line 169 in d55a784

 source={image.source} 

and follow official RN guide for Image component

[R.L]

Same issue,

did I miss something with image={source={require('../picture/logo.png')}} ?

[Kodie Grantham]

@cheuk3 @Xifeat Try specifying the image's style prop with width and height properties set:

<Pulse
  color="orange"
  numPulses={3}
  diameter={400}
  speed={20}
  duration={2000}
  image={{
    source: { uri: "http://www.freeiconspng.com/uploads/calendar-date-event-month-icon--19.png" }
    style: { width: 50, height: 50 }
  }} />

[M. Waris]

also image is not centred on pulse, update style for following view and add {alignItems: 'center', justifyContent: 'center'} to centre image on pulse
<View style={[pulseWrapperStyle, {alignItems: 'center', justifyContent: 'center'}]}>

[sandipchandra17]

Can you please provide a sample code how to use image in the center of Pulse.

[Ram Singh]

also image is not centred on pulse, update style for following view and add {alignItems: 'center', justifyContent: 'center'} to centre image on pulse
<View style={[pulseWrapperStyle, {alignItems: 'center', justifyContent: 'center'}]}>

Yo man thanks. :)