React-native-keyboard-aware-scroll-view: Keyboard in scrollView creating extra space on top of views

Created on 7 Sep 2018  路  2Comments  路  Source: APSL/react-native-keyboard-aware-scroll-view

When I tap the next or previous buttons, it scrolls as expected but when I tap the Done button or tap outside the keyboard, extra space appears at the top of the View (see video in zip file):
ExtraSpace.zip

The code:
<ScreenRoot {...getCommonProps(this.props)} navigator={this.props.navigator} showFormNav={false} avoidKeyboard={false}>
<KeyboardScrollView>
<Form form={formName} ref={this.saveForm} onSubmit={this.handleSubmit} validate={validate} initialValues={this.initialValues} >
{this.props.currentUser.showDigitalDials === 'Yes' && <FormPicker title={'Contact Method'} name={'actualContactMethod'} items={actualContactMethodItems}/>}
<FormSwitch title={'New Set?'} name={'isNewSetCode'} />
<FormSwitch title={'Create Appointment?'} name={'createAppointment'} />
{appointmentComponents}
</Form>
</KeyboardScrollView>
<KeyboardAccessoryNavigation/>
</ScreenRoot>

Most helpful comment

Hello @clfristoe! How have you solved your issue? I have the same behavior with extra space at the top.
Help appreciated

All 2 comments

Hello @clfristoe! How have you solved your issue? I have the same behavior with extra space at the top.
Help appreciated

Having the same issue now, any suggestions?

Was this page helpful?
0 / 5 - 0 ratings