InputGroup not working and lost control over input tag
See original GitHub issue“dependencies”: { “native-base”: “^2.4.2”, “react”: “16.3.1”, “react-native”: “0.55.2”, },
i m setting icon in input tag with InputGroup tag but there is no effect and also i lost control over input tag. now my email input tag’s returnKeyType=‘next’ is not working, now it takes by default “actionDone” and in password secureTextEntry also not working. now password is also visible.
<Form style={styles.inputContainer}>
<Item floatingLabel>
<Label>Email</Label>
<InputGroup
iconRight
success={this.state.inputEmailSuccess}
error={this.state.inputEmailError}
>
<Icon name='ios-close-circle' style={{ color: '#00C497' }} />
<Input
returnKeyType='next'
onSubmitEditing={() => { this.password._root.focus(); }}
onChangeText={(value) => this.setState({ email: value })}
blurOnSubmit={false}
/>
</InputGroup>
</Item>
<View style={{ padding: 5 }} />
<Item floatingLabel>
<Label>Password</Label>
<InputGroup
iconRight
success={this.state.inputPasswordSuccess}
error={this.state.inputPasswordError}
>
<Icon name='ios-checkmark-circle' style={{ color: '#00C497' }} />
<Input
getRef={(input) => { this.password = input; }}
onChangeText={(value) => this.setState({ password: value })}
secureTextEntry
/>
</InputGroup>
</Item>
</Form>
``
Issue Analytics
- State:
- Created 5 years ago
- Comments:6 (4 by maintainers)
Top Results From Across the Web
Bootstrap 4 input-group-append not working - Stack Overflow
I just encountered this one today. I double checked my styles and scripts and everything is good. Instead of using the append and...
Read more >invalid-feedback doesn't show for .input-group with ... - GitHub
I'm having the same problem. But since I'm coming from the alpha version and I was using form-control-feedback with custom JS to hide...
Read more >Input group - Bootstrap
Input group. Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs, custom selects, and custom...
Read more >Input group not showing borders - Material Design for Bootstrap
I am trying to add a textbox (input) with borders.When I use this code below which I have copied from the MDB web...
Read more >How to use bootstrap input-group - Educative.io
... question without getting lost in a maze of LeetCode-style practice problems. ... The input-group is a tag class that bootstrap uses to...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
i search on google about react-native validation. and i found this concept on search result. this and i didnt check about version. sorry i learn my lession today… ‘always check version first’.
and i dont understand if its not in latest version then why there is no error about this tag like ''InputGroup cannot resolve", even my eslinter also not finding about this
You are using deprecated component Check latest docs