Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Cant use textInput #77

Open
abdullahIsa opened this issue Dec 30, 2020 · 6 comments
Open

Cant use textInput #77

abdullahIsa opened this issue Dec 30, 2020 · 6 comments
Projects

Comments

@abdullahIsa
Copy link

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
Copy link
Owner

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
Copy link

Bik182 commented Jan 2, 2021

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
Copy link

Bik182 commented Jan 2, 2021

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

@abdullahIsa
Copy link
Author

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
Copy link
Author

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
Copy link

Bik182 commented Jan 3, 2021

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.

@enesozturk enesozturk pinned this issue Feb 9, 2021
@enesozturk enesozturk unpinned this issue Feb 9, 2021
@enesozturk enesozturk added this to To do in Development Feb 9, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Development

No branches or pull requests

3 participants