探索React Native的奇妙组件:react-native-checkbox
warning:
这篇文章距离上次修改已过183天,其中的内容可能已经有所变动。
import React from 'react';
import { View, Text } from 'react-native';
import CheckBox from '@react-native-community/checkbox';
export default class CheckboxExample extends React.Component {
state = {
checked: false,
};
render() {
const change = (isChecked) => {
this.setState({ checked: isChecked });
};
return (
<View>
<CheckBox
value={this.state.checked}
onValueChange={change}
/>
<Text>
选项已{this.state.checked ? '勾选' : '取消勾选'}
</Text>
</View>
);
}
}
这段代码展示了如何在React Native应用中使用react-native-checkbox
组件。它定义了一个简单的复选框组件,当复选框的选中状态改变时,它会更新组件的状态,并显示相应的文本信息。这是学习如何在React Native中使用复选框组件的一个很好的起点。
评论已关闭