Browse Source

fix: resolve field ref problem

pull/6291/head
mehmet-erim 6 years ago
parent
commit
7f99293b20
  1. 5
      templates/app/react-native/src/screens/CreateUpdateUser/CreateUpdateUserForm.js
  2. 6
      templates/app/react-native/src/screens/CreateUpdateUser/CreateUpdateUserScreen.js

5
templates/app/react-native/src/screens/CreateUpdateUser/CreateUpdateUserForm.js

@ -138,7 +138,7 @@ function CreateUpdateUserForm({ editingUser = {}, submit, remove }) {
<Input <Input
abpInput abpInput
ref={emailRef} ref={emailRef}
onSubmitEditing={() => passwordRef.current._root.focus()} onSubmitEditing={() => phoneNumberRef.current._root.focus()}
returnKeyType="next" returnKeyType="next"
onChangeText={handleChange('email')} onChangeText={handleChange('email')}
onBlur={handleBlur('email')} onBlur={handleBlur('email')}
@ -151,7 +151,8 @@ function CreateUpdateUserForm({ editingUser = {}, submit, remove }) {
<Label abpLabel>{i18n.t('AbpIdentity::PhoneNumber')}</Label> <Label abpLabel>{i18n.t('AbpIdentity::PhoneNumber')}</Label>
<Input <Input
abpInput abpInput
ref={passwordRef} ref={phoneNumberRef}
onSubmitEditing={() => passwordRef.current._root.focus()}
returnKeyType={!editingUser.id ? 'next' : 'default'} returnKeyType={!editingUser.id ? 'next' : 'default'}
onChangeText={handleChange('phoneNumber')} onChangeText={handleChange('phoneNumber')}
onBlur={handleBlur('phoneNumber')} onBlur={handleBlur('phoneNumber')}

6
templates/app/react-native/src/screens/CreateUpdateUser/CreateUpdateUserScreen.js

@ -23,11 +23,11 @@ function CreateUpdateUserScreen({ navigation, route, startLoading, stopLoading }
} }
}, []); }, []);
const submit = data => { const submit = (data) => {
startLoading({ key: 'saveUser' }); startLoading({ key: 'saveUser' });
let request; let request;
if (data.id) { if (data.id) {
request = updateUser(data, userId) request = updateUser(data, userId);
} else { } else {
request = createUser(data); request = createUser(data);
} }
@ -61,7 +61,7 @@ CreateUpdateUserScreen.propTypes = {
export default connectToRedux({ export default connectToRedux({
component: CreateUpdateUserScreen, component: CreateUpdateUserScreen,
stateProps: state => ({ loading: createLoadingSelector()(state) }), stateProps: (state) => ({ loading: createLoadingSelector()(state) }),
dispatchProps: { dispatchProps: {
startLoading: LoadingActions.start, startLoading: LoadingActions.start,
stopLoading: LoadingActions.stop, stopLoading: LoadingActions.stop,

Loading…
Cancel
Save