swushi / react-native-input-outline

MIT License
123 stars 15 forks source link

The text field is preventing the scrolling of ScrollView #26

Open rvenky125 opened 2 years ago

rvenky125 commented 2 years ago

return ( <View style={{flexDirection: 'row', alignItems: 'center', ...containerStyle}}> {renderLeadingIcon ? renderLeadingIcon : null} <InputStandard ref={inputRef} fontColor={fontColor} error={error} // wont take effect until a message is passed backgroundColor={backgroundColor ? backgroundColor : 'transaparent'} activeColor={activeColor ? activeColor : colors.primary} inactiveColor={disabledColor ? disabledColor : colors.placeholder} keyboardType={autoCorrect ? keyboardType : 'visible-password'} secureTextEntry={hideText} onChangeText={text => { onValueChange(text); }} paddingVertical={0} placeholder={placeholder} placeholderTextColor={colors.card} value={value} fontSize={fontSize ? fontSize : 16} style={{...style, height: 43, flex: 1}} trailingIcon={() => secureTextEntry ? ( <IconButton onPress={() => setHideText(!hideText)} icon={hideText ? 'eye-off' : 'eye'} color={colors.placeholder} /> ) : null } autoCorrect={autoCorrect} scrollEnabled={true} /> {renderTrailingIcon ? renderTrailingIcon : null} );

Here is my code. While I'm nesting this inside of scrollview on dragging by having pointer on this view the scroll is not working. Thanks in advance.

swushi commented 2 years ago

Please format code

rvenky125 commented 2 years ago

I'll be glad to know if there are any workarounds on it.