Galera, estou vendo um pouco de desenvolvimento mobile (Android), e vi que o design é feito usando XML, e pelo que eu vi, parece não ter nenhuma tag de loop, para repeti estruturas semelhantes, e gerar algum conteúdo de forma dinâmica.
Como é que faria para fazer algo assim?
Um exemplo feito em React Navive:
import React, { Component } from 'react';
import { AppRegistry, FlatList, StyleSheet, Text, View } from 'react-native';
export default class FlatListBasics extends Component {
render() {
return (
<View style={styles.container}>
<FlatList
data={[
{key: 'Devin'},
{key: 'Jackson'},
{key: 'James'},
{key: 'Joel'},
{key: 'John'},
{key: 'Jillian'},
{key: 'Jimmy'},
{key: 'Julie'},
]}
renderItem={({item}) => <Text style={styles.item}>{item.key}</Text>}
/>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
paddingTop: 22
},
item: {
padding: 10,
fontSize: 18,
height: 44,
},
})
// skip this line if using Create React Native App
AppRegistry.registerComponent('AwesomeProject', () => FlatListBasics);
A <FlatList>
repete o array que é passado no atributo "data"
RecyclerView
em conjunto com umAdapter
, pesquise sobre esses termos