推荐开源项目:React Native Simple Radio Button
React Native Simple Radio Button 是一个简单易用的单选按钮组件,适用于 React Native 应用程序。以下是如何使用该组件的示例代码:
首先,你需要安装这个库:
npm install react-native-simple-radio-button
或者使用 yarn:
yarn add react-native-simple-radio-button
然后,你可以在你的 React Native 代码中引入并使用这个组件:
import React, { useState } from 'react';
import { View } from 'react-native';
import RadioGroup, { RadioButton } from 'react-native-simple-radio-button';
const MyRadioButtonComponent = () => {
const [selectedIndex, setSelectedIndex] = useState(0);
return (
<View>
<RadioGroup
onSelect = {(index, value) => setSelectedIndex(index)}
>
<RadioButton value={0}>Option 1</RadioButton>
<RadioButton value={1}>Option 2</RadioButton>
<RadioButton value={2}>Option 3</RadioButton>
</RadioGroup>
<Text>Selected option: {selectedIndex}</Text>
</View>
);
};
export default MyRadioButtonComponent;
在这个例子中,我们创建了一个名为 MyRadioButtonComponent
的组件,它使用了 RadioGroup
和 RadioButton
来创建单选按钮。selectedIndex
状态变量用于存储当前选中的选项的索引。当用户选择一个选项时,onSelect
回调会更新 selectedIndex
的值。
评论已关闭