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

if I focus on input my keyboard cover up and I dont see my modal #556

Open shop-fluencer opened 1 year ago

shop-fluencer commented 1 year ago

Why my keyboard covers up my modal when I am focusing on my textinput ?

mdd

    <BottomSheetModal
      ref={ref}         
      index={1}
      snapPoints={snapPoints}
      handleIndicatorStyle={[s.handleStyle, s.handleColorWhite]}
      backdropComponent={BottomSheetBackdrop}
    >
      <KeyboardAwareScrollView keyboardShouldPersistTaps='handled' contentContainerStyle={{flexGrow: 1}}>
        <View style={s.centered}>
          <Text style={s.title}>Rabatt-Code</Text>
          <Text style={s.subtitle}>Füge ein Rabatt-Code für dein Produkt ein</Text>
          <Text style={s.stepText}>{`Schritt ${step}/3`}</Text>
        </View>

                <Text style={[s.text, s.bold]}>Nur Buchstaben & Zahlen!</Text>
                <View style={s.content}>
                  <View style={s.inputContainer}>
                    <Input
                      placeholder='Name (exp. Max50)'
                      value={coupon.name}
                      onChangeText={handleChangeName}
                      style={[InputStyles.full_icon]}
                      icon={<Ionicons name="md-newspaper-outline" size={24} style={s.icon} color="#333" />}
                    />
                  </View>
                  <View style={s.containerInner}>
                    <Pressable onPress={handleChangeStage} style={[ButtonStyles.full]}>
                      <Text style={s.btnText}NEXT</Text>
                    </Pressable>
                  </View>
                </View>
         </KeyboardAwareScrollView>
    </BottomSheetModal>
JosephLu2022 commented 1 year ago

+1 i can't see my modal when used together. but works on android with enableOnAndroid