question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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.

screenshot_20180419-163939

<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:closed
  • Created 5 years ago
  • Comments:6 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
ZeroCool00commented, Apr 19, 2018

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

0reactions
SupriyaKalghatgicommented, Apr 19, 2018

You are using deprecated component Check latest docs

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found