<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
//import liraries
import { useNavigation } from '@react-navigation/native';
import React, { useEffect, useState } from 'react';
import { View, Text, StyleSheet, Image, TouchableOpacity } from 'react-native';
import imagePath from '../constants/imagePath';
import strings from '../constants/lang';
import navigationStrings from '../navigation/navigationStrings';
import actions from '../redux/actions';
import colors from '../styles/colors';
import fontFamily from '../styles/fontFamily';
import { height, moderateScale, moderateScaleVertical, textScale, width } from '../styles/responsiveSize';
// create a component
export const HomePageFlatList = () => {
const [post, setPost] = useState()
const [isLoading, setIsLoading] = useState(true);
useEffect(() => {
setIsLoading(true)
actions.getPost().then((res) => {
// console.log(res.data, "getPostData++++++++++")
setIsLoading(false);
setPost(res.data)
})
}, [])
const DATA = [
{
id: "1",
profile: imagePath.profilePic1,
name: strings.HOME_NAME1,
location: strings.HOME_LOC,
image: imagePath.homeFlatListPic4,
