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.

[glebcha]

@gauravasrivastava sure you can. Just look at https://github.com/sahlhoff/react-native-pulse/blob/d55a784bc61f2325cea09b6c34c1696158e20460/pulse.js#L169 and follow official RN guide for Image component

[Xifeat]

Same issue,

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

[kodie]

@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 }
  }} />

[waris117]

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.

[eramudeep]

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. :)