import React from 'react';
import { ScrollView, Text, StyleSheet, View } from 'react-native';

export default class App extends React.Component {
  render() {

    return (
      <View style={styles.background}>
        <ScrollView >
          {this.props.text.map((item)=>
              <Text style={styles.font}>{item}</Text>
          )}
        </ScrollView>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  background:{
    marginTop: 100,
    marginLeft: 100
  },
  font:{
    fontSize: 30,
  }

})

App.defaultProps = {
  text: ['Burger King', 'McDonalds', 'Red Lobster', 'Dennys', 'Wendys', 'White Castle', 'popeyes']
}