Authored by 🍓

主动隐藏键盘等

... ... @@ -103,6 +103,11 @@ export default class UserLogoutReason extends Component {
let {imageCheckCodeUrl}=this.props;
return (
<View style={styles.container}>
<TouchableOpacity
activeOpacity={1.0}
onPress={() => {
this.refs.logoutReasonTextInput.blur();
}}>
<View style={styles.textContainer}>
<View style={{alignItems: 'center'}}>
<Text style={[styles.text,styles.textTitle]}>注销说明</Text>
... ... @@ -114,6 +119,7 @@ export default class UserLogoutReason extends Component {
</View>
<View style={styles.textInputContainer}>
<TextInput
ref="logoutReasonTextInput"
style={styles.inputText}
multiline={true}
placeholder="请填写注销原因(必填)"
... ... @@ -128,7 +134,7 @@ export default class UserLogoutReason extends Component {
<View style={styles.clauseContainer}>
<TouchableOpacity
activeOpacity={1.0}
style={{flexDirection: 'row',alignItems: 'center'}}
style={{flexDirection: 'row',alignItems: 'center',paddingTop:5, paddingBottom:5,paddingLeft:5}}
onPress={() => {
this.setState(previousState => {
return { readedClause: !previousState.readedClause };
... ... @@ -141,6 +147,7 @@ export default class UserLogoutReason extends Component {
<Text style={{color:'#444444'}}>我已阅读并同意以下协议</Text>
</TouchableOpacity>
<TouchableOpacity
style={{paddingTop:5, paddingBottom:5}}
activeOpacity={1.0}
onPress={() => {
this.props.onPressLogoutClause && this.props.onPressLogoutClause();
... ... @@ -151,7 +158,7 @@ export default class UserLogoutReason extends Component {
<TouchableOpacity
activeOpacity={0.8}
onPress={() => {
if(this.props.submitBtnEnable){
if(this.props.submitBtnEnable && this.state.readedClause){
this.props.showLogoutReasonModalAction && this.props.showLogoutReasonModalAction(true)
this.setState({
countDown: 60,
... ... @@ -377,7 +384,7 @@ export default class UserLogoutReason extends Component {
onPromptHidden={this.props.onPromptHidden}
/> : null}
</Modal>
</TouchableOpacity>
</View>
);
}
... ... @@ -407,7 +414,7 @@ let styles = StyleSheet.create({
submitBtn: {
marginLeft: 15,
marginRight: 15,
marginTop: 30,
marginTop: 5,
height: 44,
borderRadius: 5,
alignItems: 'center',
... ... @@ -497,8 +504,9 @@ let styles = StyleSheet.create({
},
clauseContainer: {
flexDirection: 'row',
justifyContent: 'center',
marginTop: 30,
marginTop: 25,
justifyContent:'flex-start',
marginLeft: 10
},
check: {
width: 14,
... ...