单选按钮值的函数不能正常工作- React本机

import React, { useState } from 'react';
import { View, Text, RadioButton, StyleSheet } from 'react-native';

const App = () => {
  const [selectedValue, setSelectedValue] = useState(null);

  const options = [
    { label: 'Option 1', value: 'option1' },
    { label: 'Option 2', value: 'option2' },
    { label: 'Option 3', value: 'option3' },
  ];

  return (
    <View style={styles.container}>
      {options.map((option) => (
        <View key={option.value} style={styles.optionContainer}>
          <RadioButton
            value={option.value}
            status={selectedValue === option.value ? 'checked' : 'unchecked'}
            onPress={() => setSelectedValue(option.value)}
          />
          <Text style={styles.optionText}>{option.label}</Text>
        </View>
      ))}
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  optionContainer: {
    flexDirection: 'row',
    alignItems: 'center',
    marginVertical: 10,
  },
  optionText: {
    marginLeft: 10,
  },
});

export default App;