import React from "react";
import { View, Text, StyleSheet, ScrollView, Image } from "react-native";
const Icons = [
{ name: "Food", uri: require("./images/Food.png") },
{ name: "Mart", uri: require("./images/mart.png") },
{ name: "Car", uri: require("./images/car.png") }
];
const IconSelection = Icons.map((icons) => (
<View>
<Image source={icons.uri} />
<Text style={{ textAlign: "center" }}>{icons.name}</Text>
</View>
));
const styles = StyleSheet.create({});
export default IconSelection;
IconSelection.js 如何在我的 const Icons 中添加影像？基本上我想創建一個使用影像的圖示串列并能夠呼叫它們。以前我的方法基本上是手工編碼，但我發現它很亂。我認為 maps() 可以幫助我，但我也不確定如何使用它。謝謝你。
uj5u.com熱心網友回復：
IconSelection是對包含回傳的 JSX 的陣列的參考。
將其轉換為功能組件
import React from "react";
import { View, Text, StyleSheet, ScrollView, Image } from "react-native";
const Icons = [
{ name: "Food", uri: require("./images/Food.png") },
{ name: "Mart", uri: require("./images/mart.png") },
{ name: "Car", uri: require("./images/car.png") },
];
const IconSelection = () =>
Icons.map((icons) => (
<View>
<Image source={icons.uri} />
<Text style={{ textAlign: "center" }}>{icons.name}</Text>
</View>
));
const styles = StyleSheet.create({});
export default IconSelection;
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/445045.html
標籤：javascript 反应 反应式