react native 单选复选

this.state = {
//单选
isMan:true,
//多选secret
secret:false,
};

<View style={styles.nameGroupBox}>
<Text style={styles.nameGroup}>
性别:
</Text>
{
this.state.isMan ?
<FontAwesome name="check-square-o" size={20} color="#333" />
:
<TouchableOpacity onPress={() => this.setState({isMan:true})}>
<FontAwesome name="square-o" size={20} color="#333" />
</TouchableOpacity>
}
<Text style={{paddingLeft:5,marginRight:15}}>女</Text>
{
!this.state.isMan ?
<FontAwesome name="check-square-o" size={20} color="#333" />
:
<TouchableOpacity onPress={() => this.setState({isMan:false})}>
<FontAwesome name="square-o" size={20} color="#333" />
</TouchableOpacity>
}
<Text style={{paddingLeft:5}}>男</Text>

{/*多选*/}
{
this.state.secret ?
<TouchableOpacity onPress={() => this.setState({secret:false})}>
<FontAwesome name="check-square-o" size={20} color="#333" />
</TouchableOpacity>
:
<TouchableOpacity onPress={() => this.setState({secret:true})}>
<FontAwesome name="square-o" size={20} color="#333" />
</TouchableOpacity>
}
<Text style={{paddingLeft:5}}>保密</Text>
</View>