When I am trying to give concatenated string to the image require function it throws me a error in React Native

Asked Jul 22 '19 at 04:34

Active Jul 22 '19 at 05:55

Viewed 62 times

<ActivityBadgesComponent
                      badgeImage={
                        item.completed
                          ? require('../images/ic_' + item.game_level.toLowerCase() + '_active.png')
                          : require(`../images/ic_${item.game_level.toLowerCase()}_inactive.png`)
                      }
                    />

P.S -> I have also tried giving the values withing string.

require(`../images/ic_${item.game_level.toLowerCase()}_active.png`)

This also didn't work.

In my require function I am trying to give some dynamic string to the image depending on the value but it can't load. When I give some static values then it works perfectly.

ActivityBadgesComponent.js

  <Image
            source={this.props.badgeImage}/>

edited Jul 22 '19 at 05:55

Pingolin

3,161
6
25
40

asked Jul 22 '19 at 04:34

Rishav Kumar

4,979
1
17
32

Nop, it did not help. – Rishav Kumar Jul 22 '19 at 05:43
1

This is the same issue, React Native does not allow dynamic strings in a require call. You need to use one of the alternatives mentioned in the duplicate post. – CampbellMG Jul 22 '19 at 05:46

When I am trying to give concatenated string to the image require function it throws me a error in React Native

0 Answers0