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

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

Open shop-fluencer opened this issue 3 years ago • 1 comments

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>

shop-fluencer avatar Nov 06 '22 09:11 shop-fluencer

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

JosephLu2022 avatar Jun 13 '23 22:06 JosephLu2022