如何在React Native和Expo应用程序中设置验证纬度和经度的正则表达式

/^-?([1-8]?[1-9]|[1-9]0)\.\d{1,6}$|^90(\.0{1,6})?$/

/^-?((1[0-7]|[1-9])?\d|180)\.\d{1,6}$/

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

const LocationInput = () => {
  const [latitude, setLatitude] = useState('');
  const [longitude, setLongitude] = useState('');
  const [latitudeError, setLatitudeError] = useState('');
  const [longitudeError, setLongitudeError] = useState('');

  const validateLatitude = (text) => {
    const regex = /^-?([1-8]?[1-9]|[1-9]0)\.\d{1,6}$|^90(\.0{1,6})?$/;
    if (regex.test(text)) {
      setLatitudeError('');
      setLatitude(text);
    } else {
      setLatitudeError('Invalid latitude');
    }
  };

  const validateLongitude = (text) => {
    const regex = /^-?((1[0-7]|[1-9])?\d|180)\.\d{1,6}$/;
    if (regex.test(text)) {
      setLongitudeError('');
      setLongitude(text);
    } else {
      setLongitudeError('Invalid longitude');
    }
  };

  const handleSubmit = () => {
    // Handle form submission
  };

  return (
    <View style={styles.container}>
      <TextInput
        style={styles.input}
        placeholder="Latitude"
        value={latitude}
        onChangeText={validateLatitude}
      />
      {latitudeError ? <Text style={styles.errorText}>{latitudeError}</Text> : null}
      <TextInput
        style={styles.input}
        placeholder="Longitude"
        value={longitude}
        onChangeText={validateLongitude}
      />
      {longitudeError ? <Text style={styles.errorText}>{longitudeError}</Text> : null}
      <Button title="Submit" onPress={handleSubmit} />
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    padding: 20,
  },
  input: {
    height: 40,
    borderColor: 'gray',
    borderWidth: 1,
    marginBottom: 10,
    paddingHorizontal: 10,
  },
  errorText: {
    color: 'red',
    marginBottom: 10,
  },
});

export default LocationInput;