Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import { StatusBar } from 'expo-status-bar';
- import { StyleSheet, Text, View, Image, SafeAreaView } from 'react-native';
- import React, { useState } from 'react';
- const Lol = () => // Use map() to facilitate the process of returning multiple components at once
- {
- const numbers = [1, 2, 3, 4, 5];
- const listItems = numbers.map((x) => <Text style = {{backgroundColor: "green"}}>{x}</Text>);
- return listItems;
- }
- export default function App() {
- return (
- <SafeAreaView style={styles.container}>
- <Lol></Lol>
- </SafeAreaView>
- );
- }
- const styles = StyleSheet.create({
- container: {
- flex: 1,
- backgroundColor: '#fff',
- justifyContent: "center",
- alignItems: "center"
- },
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement