自己写的一个checkbox代码比较简单
import React, {PureComponent} from 'react'
import {
StyleSheet,
View,
Image,
TouchableHighlight
}
from 'react-native'
const checkedImage=require('../images/checked.png');
const checkImage=require('../images/check.png');
export default class CheckBox extends PureComponent {
constructor(props) {
super(props);
this.state = {
isChecked: this.props.isChecked || false
};
}
getChecked() {
return this.state.isChecked;
}
setChecked(isChecked) {
this.setState({
isChecked: isChecked
});
}
checkClick() {
this.setState({
isChecked: !this.state.isChecked
});
}
render() {
return (
<TouchableHighlight underlayColor={'transparent'} onPress={() => this.checkClick()}>
<Image source={this.state.isChecked?checkedImage:checkImage} style={styles.checkImage}/>
</TouchableHighlight>
);
}
}
const styles = StyleSheet.create({
checkImage: {
marginLeft: 5,
height: 15,
width: 15
}
});