如何使用React-native创建基于距离的过滤器

npm install -g react-native-cli

react-native init DistanceFilter

import React, { useState } from 'react';
import { View, Text, TextInput, Button } from 'react-native';

const App = () => {
  const [distance, setDistance] = useState('');

  const handleFilter = () => {
    // 根据距离过滤数据的逻辑代码
    // 这里可以使用距离过滤算法，例如计算两点之间的距离
    // 根据距离过滤数据并更新UI
  };

  return (
    <View>
      <Text>距离过滤器</Text>
      <TextInput
        placeholder="输入距离"
        value={distance}
        onChangeText={setDistance}
      />
      <Button title="过滤" onPress={handleFilter} />
    </View>
  );
};

export default App;

react-native run-android  // 运行在Android设备上
react-native run-ios  // 运行在iOS设备上