text: import React, { Component } from 'react';
  import {
      View,
      FlatList,
      Text,
      TouchableOpacity,
      StyleSheet,
      Keyboard,
      ActivityIndicator,
  } from 'react-native';
  import MenuItem from './MenuItem'
  import { BASE_COLOR } from '../../styles'
  
  class MenuItemList extends Component {
      constructor(props) {
          super(props)
      }
      render_FlatList_footer = () => {
  
          var footer_View = (
  
              <View style={{ width: 8 }}>
              </View>
  
          );
  
          return footer_View;
  
      };
      render() {
          const titleSection = this.props.titleSection ? this.props.titleSection : "NEPOZNATO"
          const titleSeeMore = ""//"vidi sve"
          return (
              <View style={[styles.mainContainer, this.props.style]}>
                  <View style={styles.sectionContainer}>
                      <Text style={styles.text}>{titleSection}</Text>
                      <View style={styles.seeMoreContainer}>
                          <Text style={[styles.text, { color: BASE_COLOR.gray }]}></Text>
                      </View>
  
                  </View>
                  <FlatList
                      showsHorizontalScrollIndicator={false}
                      style={styles.listContainer}
                      data={this.props.arrayObject}
                      horizontal
                      keyExtractor={(item, index) => `${index.toString()}`}
                      renderItem={(info) => (
                          <MenuItem
                              item={info.item}
                              onPress={() => this.props.onPressItem(info.item)}
                          />
                      )}
                      ListFooterComponent={this.render_FlatList_footer}
                  />
              </View>
          )
      }
  }
  
  const styles = StyleSheet.create({
      mainContainer: {
          alignContent: 'center',
          justifyContent: 'center',
      },
      listContainer: {
          width: "100%",
      },
      sectionContainer: {
          paddingLeft: 8, //16
          paddingRight: 16,
          paddingBottom: 5,
          justifyContent: 'space-between',
          flexDirection: 'row',
          alignItems: 'center',
      },
      text: {
          fontSize: 14,
          fontWeight: 'bold',
          color: BASE_COLOR.black,
          textAlign: 'center'
      },
      seeMoreContainer: {
          padding: 4,
      }
  });
  
  
  export default MenuItemList;