Mixing
Disable “Save Password” Dialog in React Native
I am using a TextInput with with the secureTextEntry flag to allow users to enter their password. When I run my tryLogin() function, iOS will ask if the user wants to "remember the password on the browser" (similar to how Safari does it), regardless if the password is correct or not.
Is there any way to disable that dialog box in React Native?
javascript ios react-native jsx
asked Jan 2 at 4:23
Eric BernardEric Bernard
614
add a comment |
I am using a TextInput with with the secureTextEntry flag to allow users to enter their password. When I run my tryLogin() function, iOS will ask if the user wants to "remember the password on the browser" (similar to how Safari does it), regardless if the password is correct or not.
Is there any way to disable that dialog box in React Native?
javascript ios react-native jsx
asked Jan 2 at 4:23
Eric BernardEric Bernard
614
Can you please share code of yourTextInput?
– Ravi Rupareliya
Jan 2 at 4:32
Yeah, sorry that was dumb of me:<TextInput autoCapitalize="none" placeholderTextColor={appColors.lightGray} style={styles.input} autoCorrect={false} placeholder="Password" secureTextEntry={true} keyboardType="email-address" ref = {component => this.inputs.LIPass = component} returnKeyType="done" value={this.state.loginPass} textContentType="none" onChangeText={(pass) => this.setState({loginPass: pass})} />
– Eric Bernard
Jan 2 at 23:20
add a comment |
I am using a TextInput with with the secureTextEntry flag to allow users to enter their password. When I run my tryLogin() function, iOS will ask if the user wants to "remember the password on the browser" (similar to how Safari does it), regardless if the password is correct or not.
Is there any way to disable that dialog box in React Native?
javascript ios react-native jsx
asked Jan 2 at 4:23
Eric BernardEric Bernard
614
I am using a TextInput with with the secureTextEntry flag to allow users to enter their password. When I run my tryLogin() function, iOS will ask if the user wants to "remember the password on the browser" (similar to how Safari does it), regardless if the password is correct or not.
Is there any way to disable that dialog box in React Native?
javascript ios react-native jsx
javascript ios react-native jsx
asked Jan 2 at 4:23
Eric BernardEric Bernard
614
asked Jan 2 at 4:23
Eric BernardEric Bernard
614
asked Jan 2 at 4:23
Eric BernardEric Bernard
614
asked Jan 2 at 4:23
Eric BernardEric Bernard
614
asked Jan 2 at 4:23
Eric BernardEric Bernard
614
614
Can you please share code of yourTextInput?
– Ravi Rupareliya
Jan 2 at 4:32
Yeah, sorry that was dumb of me:<TextInput autoCapitalize="none" placeholderTextColor={appColors.lightGray} style={styles.input} autoCorrect={false} placeholder="Password" secureTextEntry={true} keyboardType="email-address" ref = {component => this.inputs.LIPass = component} returnKeyType="done" value={this.state.loginPass} textContentType="none" onChangeText={(pass) => this.setState({loginPass: pass})} />
– Eric Bernard
Jan 2 at 23:20
add a comment |
Can you please share code of yourTextInput?
– Ravi Rupareliya
Jan 2 at 4:32
Yeah, sorry that was dumb of me:<TextInput autoCapitalize="none" placeholderTextColor={appColors.lightGray} style={styles.input} autoCorrect={false} placeholder="Password" secureTextEntry={true} keyboardType="email-address" ref = {component => this.inputs.LIPass = component} returnKeyType="done" value={this.state.loginPass} textContentType="none" onChangeText={(pass) => this.setState({loginPass: pass})} />
– Eric Bernard
Jan 2 at 23:20
Can you please share code of your
TextInput?– Ravi Rupareliya
Jan 2 at 4:32
Can you please share code of your
TextInput?– Ravi Rupareliya
Jan 2 at 4:32
Yeah, sorry that was dumb of me:
<TextInput autoCapitalize="none" placeholderTextColor={appColors.lightGray} style={styles.input} autoCorrect={false} placeholder="Password" secureTextEntry={true} keyboardType="email-address" ref = {component => this.inputs.LIPass = component} returnKeyType="done" value={this.state.loginPass} textContentType="none" onChangeText={(pass) => this.setState({loginPass: pass})} />– Eric Bernard
Jan 2 at 23:20
Yeah, sorry that was dumb of me:
<TextInput autoCapitalize="none" placeholderTextColor={appColors.lightGray} style={styles.input} autoCorrect={false} placeholder="Password" secureTextEntry={true} keyboardType="email-address" ref = {component => this.inputs.LIPass = component} returnKeyType="done" value={this.state.loginPass} textContentType="none" onChangeText={(pass) => this.setState({loginPass: pass})} />– Eric Bernard
Jan 2 at 23:20
add a comment |
1 Answer
1
active
oldest
votes
I think you need to configure the textContentType
here's the reference link: https://facebook.github.io/react-native/docs/textinput#textcontenttype
Hope this help :)
answered Jan 2 at 4:45
SucSuc
265
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54001171%2fdisable-save-password-dialog-in-react-native%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
I think you need to configure the textContentType
here's the reference link: https://facebook.github.io/react-native/docs/textinput#textcontenttype
Hope this help :)
answered Jan 2 at 4:45
SucSuc
265
add a comment |
I think you need to configure the textContentType
here's the reference link: https://facebook.github.io/react-native/docs/textinput#textcontenttype
Hope this help :)
answered Jan 2 at 4:45
SucSuc
265
add a comment |
I think you need to configure the textContentType
here's the reference link: https://facebook.github.io/react-native/docs/textinput#textcontenttype
Hope this help :)
answered Jan 2 at 4:45
SucSuc
265
I think you need to configure the textContentType
here's the reference link: https://facebook.github.io/react-native/docs/textinput#textcontenttype
Hope this help :)
answered Jan 2 at 4:45
SucSuc
265
answered Jan 2 at 4:45
SucSuc
265
answered Jan 2 at 4:45
SucSuc
265
answered Jan 2 at 4:45
SucSuc
265
265
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54001171%2fdisable-save-password-dialog-in-react-native%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Can you please share code of your
TextInput?– Ravi Rupareliya
Jan 2 at 4:32
Yeah, sorry that was dumb of me:
<TextInput autoCapitalize="none" placeholderTextColor={appColors.lightGray} style={styles.input} autoCorrect={false} placeholder="Password" secureTextEntry={true} keyboardType="email-address" ref = {component => this.inputs.LIPass = component} returnKeyType="done" value={this.state.loginPass} textContentType="none" onChangeText={(pass) => this.setState({loginPass: pass})} />– Eric Bernard
Jan 2 at 23:20