Pass Variable into Image Component - React Native

Question

How do I pass markerPass.Logo__c which is a base64 string into my image component?

<Image source={{uri: 'data:image/png;base64,' + {markerPass.Logo__c} + '\''}}/>

Pritish Vaidya · Accepted Answer · 2018-09-08 18:13:32Z

2

You can do it using the Template Literals by using backtick ``

<Image source={{uri: `data:image/png;base64,${markerPass.Logo__c}\'`}}/>

edited Sep 8, 2018 at 18:13

answered Sep 8, 2018 at 18:04

Pritish Vaidya

22.3k4 gold badges62 silver badges78 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

S.B. Over a year ago

Thanks! Side note for those completely clueless like me, it seems I also needed to add the style attribute for it to render (at least on Android). Added to image component: style={{width: 66, height: 58}}

Collectives™ on Stack Overflow

Pass Variable into Image Component - React Native

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related