How can I display the image stored in a array

Question

I need to show a flag icon along with the text. I have all the image stored in assets folder. These are the codes that I have tried so far. I have stored the icon in a const and which I later think of calling. I want to show icon and lang horizontally with icon at left side.

const language = [
    { lang: "English", code: "en", icon: require(`../assets/us.png`) },
    { lang: "French", code: "fr", icon: require(`../assets/th.png`) },
    { lang: "Japanese", code: "jp", icon: require(`../assets/jp.png`) },
]

class App extends Component {
    onSelectLanguage = () => {
        return (
            language.map((data, i) => {
                return (
                    <View key={i} style={styles.dropDownView}>
                        <TouchableOpacity onPress={() => this.onSelectedLang(data)}>
                            <Text style={styles.dropDownText}><Image source="{data.icon}" />{data.lang}</Text>
                        </TouchableOpacity>
                    </View>
                )
            })
        )
    }
}

use source={data.icon}

Amruth
– Amruth

2018-09-06 05:30:07 +00:00
Commented Sep 6, 2018 at 5:30 — Amruth
– Amruth, Commented Sep 6, 2018 at 5:30

Anil Kumar · Accepted Answer · 2018-09-06 05:50:01Z

1

Try this code:

const language = [
{ lang: "English", code: "en", icon: require(`../assets/us.png`) },
{ lang: "French", code: "fr", icon: require(`../assets/th.png`) },
{ lang: "Japanese", code: "jp", icon: require(`../assets/jp.png`) },

]

class App extends Component {
onSelectLanguage = () => {
    return (
        language.map((data, i) => {
            return (
                <View key={i} style={styles.dropDownView}>
                    <TouchableOpacity onPress={() => this.onSelectedLang(data)}>
                        <Text style={styles.dropDownText}><Image source={data.icon} />{data.lang}</Text>
                    </TouchableOpacity>
                </View>
            )
        })
    )
}}

answered Sep 6, 2018 at 5:50

Anil Kumar

2,3192 gold badges18 silver badges24 bronze badges

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

Collectives™ on Stack Overflow

How can I display the image stored in a array

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related