如何在React Native中设置RadioButton为选中状态？

嘿，我来给你讲讲怎么用React Native Paper的RadioButton组件设置选中状态哈～

核心思路就是通过状态管理来控制选中项：我们需要维护一个状态变量来存储当前选中的值，把这个值绑定到RadioButton.Group的value属性上，当用户切换选项时，通过onValueChange更新状态，对应的选项就会自动变成选中状态啦。

给你看个完整的示例代码：

import React, { useState } from 'react';
import { RadioButton } from 'react-native-paper';

const LanguageSelector = () => {
  // 初始化选中的语言，这里默认选中"English (US)"
  const [selectedLang, setSelectedLang] = useState('lang_en');

  return (
    <RadioButton.Group
      onValueChange={(value) => setSelectedLang(value)}
      value={selectedLang}
    >
      <RadioButton.Item
        style={{ justifyContent: "space-around" }}
        label="English (US)"
        value="lang_en"
      />
      <RadioButton.Item
        style={{ justifyContent: "space-around" }}
        label="Spanish"
        value="lang_es"
      />
      <RadioButton.Item
        style={{ justifyContent: "space-around" }}
        label="Chinese"
        value="lang_zh"
      />
    </RadioButton.Group>
  );
};

export default LanguageSelector;

关键步骤拆解：

• 用useState钩子创建selectedLang状态，初始值设为目标选项的value（比如这里的lang_en），组件初始化时对应的选项就会默认选中。
• 将RadioButton.Group的value属性与selectedLang绑定，组件会自动识别并标记匹配value的选项为选中状态。
• 给RadioButton.Group添加onValueChange回调，用户点击选项时更新selectedLang状态，从而切换选中项。

内容来源于stack exchange