APSL / react-native-keyboard-aware-scroll-view

A ScrollView component that handles keyboard appearance and automatically scrolls to focused TextInput.
MIT License
5.24k stars 643 forks source link

[Bug] KeyboardAwareScrollView is not work well in Android only #576

Open hjun555 opened 4 months ago

hjun555 commented 4 months ago

untitled.webm

Issue

When focus on Textinput in Android, scrolloffset shivers vertically and the focused textinput is overlapped with keyboard! Anyone have fixed this bug? IOS is okay.

Code

<KeyboardAwareScrollView
              bounces={false}
              extraScrollHeight={38}
              enableOnAndroid
              contentContainerStyle={{
                flexGrow: 1,
              }}
              bounces={false}
              onScrollBeginDrag={() => Keyboard.dismiss()}
              // automaticallyAdjustKeyboardInsets
            >
              <Pressable
                style={[
                  Layout.fill,
                  { backgroundColor: Colors.background, paddingBottom: 300 },
                ]}
                disabled={portfolioUpdating}
                onPress={() => {
                  Keyboard.dismiss()
                }}>
                <View style={styles.inputItemCard}>
                  <View style={Layout.row}>
                    <TextOneLine style={{ fontFamily: 'NotoSansKR-Bold' }}>
                      이름
                    </TextOneLine>
                  </View>
                  <TextInput

                    multiline={true}
                    numberOfLines={1}
                    keyboardType="default"
                    placeholder="이름을 입력해주세요."

                  />
                </View>
                <View style={styles.inputItemCard}>
                  <View style={Layout.row}>
                    <TextOneLine style={{ fontFamily: 'NotoSansKR-Bold' }}>
                      설명1
                    </TextOneLine>
                  </View>
                  <TextInput

                    onChangeText={text => {

                    }}
                  />
                </View>

                <View style={styles.inputItemCard}>
                  <View style={Layout.row}>
                    <TextOneLine style={{ fontFamily: 'NotoSansKR-Bold' }}>
                      이름
                    </TextOneLine>
                  </View>

                  <TextInput
                     onChangeText={text => {}}
                  />
                </View>
                </Pressable>
            </KeyboardAwareScrollView>
eddi00 commented 4 months ago

Same, I'm on Expo 50

m-usman-yousuf commented 4 months ago

same issue here

xleddyl commented 4 months ago

Which version of Expo are you using? I'm on SDK 50, and I think that might be the issue

devaray commented 4 months ago

same issue did someone found the solution?

ZaharGusyatin commented 2 months ago

same issue, any update?

december1990 commented 2 months ago

the same issue