Фильтр Flatlist по местоположению
Я хотел бы отобразить список данных, которые пользователь включит местоположение, а затем данные будут отображаться, если пользователь находится в пределах радиуса. Если пользователя нет в месте или рядом с ним, в списке просто отобразится список, который я отсортировал. Но мне сложно отфильтровать список. Пожалуйста помоги.
useEffect(() => {
Axios.get('ENDPOINT')
.then(({data}) => {
setData(data.features);
})
.catch((error) => {
console.error(error);
})
.finally(() => setLoading(false));
}, []);
<FlatList
data={data.sort((a, b) => {
const aDist = getDistance(
{
latitude: a.geometry.coordinates[0],
longitude: a.geometry.coordinates[1],
},
{
latitude: a.geometry.coordinates[0],
longitude: a.geometry.coordinates[1],
},
);
const bDist = getDistance(
{
latitude: b.geometry.coordinates[0],
longitude: b.geometry.coordinates[1],
},
{
latitude: a.geometry.coordinates[0],
longitude: a.geometry.coordinates[1],
},
);
console.log(a.geometry.coordinates[0], '', a.geometry.coordinates[1]);
return aDist - bDist;
})}
renderItem={ItemRender}
keyExtractor={(item) => item.id}
extraData={selectedId}
/>