Question

我想根据预先制作的文本数组创建8行文本。例如

const someInfo = [“手机”，“餐馆”，“电视频道”，“音乐”，“健康”，“Wifi”，“房地产”，“聚会”];

从那里只是一个简单的

export default class User extends Component{
    render(){
        return(
            <View style={styles.mainBoxes}>
                <Text style={styles.mainBoxesText}>{textfromArrayHere}
                </Text>
            </View>

        );
    }
}

我将如何循环遍历该数组并动态插入文本？

Answer 1

认为你的数组是someInfo，用简单的方法做到：

<View style={styles.mainBoxes}>
  {someInfo.map(info => <Text>{info}</Text>)}
</View>

记住：我只是给出例子=＆gt;你用自己的方式进行造型

冷却方式=＆gt;使用带有FlatList道具的官方renderItem还info => <Text>{info}</Text)：https://facebook.github.io/react-native/docs/flatlist.html

Answer 2

在代码中添加以下代码行。记住，map非常容易在对象数组甚至简单数组上工作。

{someInfo.map（info）=＆gt; {{信息}}}

希望这有帮助

如何使用数组作为文本源在React Native中动态创建文本？

2 个答案: