如何显示数组中存储的图像

时间:2018-09-06 05:21:35

标签: reactjs react-native-android

我需要在文本旁边显示一个标记图标。我已将所有图像存储在资产文件夹中。这些是我到目前为止尝试过的代码。我已经将图标存储在const中,以后我想调用它。我想在左侧水平显示图标和lang。

System.string

1 个答案:

答案 0 :(得分:1)

尝试以下代码:

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>
            )
        })
    )
}}