react-native-keyboard-aware-scroll-view icon indicating copy to clipboard operation
react-native-keyboard-aware-scroll-view copied to clipboard

[Bug] KeyboardAwareScrollView is not work well in Android only

Open hjun555 opened this issue 2 years ago • 8 comments

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>

hjun555 avatar Feb 06 '24 09:02 hjun555

Same, I'm on Expo 50

eddi00 avatar Feb 07 '24 00:02 eddi00

same issue here

m-usman-yousuf avatar Feb 19 '24 09:02 m-usman-yousuf

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

xleddyl avatar Feb 23 '24 08:02 xleddyl

same issue did someone found the solution?

devaray avatar Mar 01 '24 21:03 devaray

same issue, any update?

ZaharGusyatin avatar Apr 04 '24 19:04 ZaharGusyatin

the same issue

december1990 avatar Apr 12 '24 10:04 december1990