enesozturk / rn-swipeable-panel

Zero dependency swipeable bottom panel for React Native 📱
MIT License
972 stars 143 forks source link

Cant use textInput #77

Open abdullahIsa opened 3 years ago

abdullahIsa commented 3 years ago

Hello really thanks for this beautiful project but somehow i cant use the textInput inside it, as soon as openLarge is true even if i dont set it to be true it goes out of the device view at the top unless i set onlySmall to be true then the problem does not occur, may i know how i can solve this problem.

enesozturk commented 3 years ago

Hi @boicoder, thanks for using rn-swipeable-panel. Can you share other details for me? Screenshots, code piece that how you use SwipeablePanel, versions of RN and rn-swipeable-panel etc.

Bik182 commented 3 years ago

I have the same issue, its because of scrollview from what i have seen in stackoverflow. Disabling scrollEnabled in scrollViewProps does not seem to work either. Whenever you click on the text input it goes out of screen, towards the top. Screen Shot 2021-01-02 at 3 01 49 PM

Screen Shot 2021-01-02 at 3 00 56 PM

Screen Shot 2021-01-02 at 3 01 32 PM

` <View style={{ marginTop: 20, marginHorizontal: 20, marginBottom: 10 }}>
                <TextField
                    //style={styles.searchBar}
                    placeholder="Type username..."
                    autoCapitalize="none"
                    autoCorrect={false}
                    returnKeyType="go"
                    clearButtonMode={true}
                    color={"black"}
                    placeholderTextColor={StyleGuide.palette.darkGray}
                    onSubmitEditing={this.searchOrEnterPressed}
                    password={false}
                    onChangeText={this.updateSearch}
                    maxLength={100}
                />
             </View>`

**TextField is a custom component that uses textinput

Bik182 commented 3 years ago

Also, how do you change the background color of the close button? I would like it to be transparent.

abdullahIsa commented 3 years ago

Hi @boicoder, thanks for using rn-swipeable-panel. Can you share other details for me? Screenshots, code piece that how you use SwipeablePanel, versions of RN and rn-swipeable-panel etc.

Sorry for late reply, i am using react native expo latest version of expo and my problem is exactly same as @Bik182 problem as he showed.

abdullahIsa commented 3 years ago

Also, how do you change the background color of the close button? I would like it to be transparent.

use this: closeRootStyle , it accepts and object same like using style.

Bik182 commented 3 years ago

Also, how do you change the background color of the close button? I would like it to be transparent.

use this: closeRootStyle , it accepts and object same like using style.

Thanks! Also, the ability to add a left action button would be great too ( I dont think there is one already). On the same x and y axis as the close button, but on the left.