आप पासवर्ड इनपुट के लिए मूल निवासी प्रतिक्रिया में एक TextInput शैली कैसे करते हैं

Question

मेरे पास एक TextInput है। दर्ज किए गए वास्तविक पाठ को दिखाने के बजाय, मैं चाहता हूं कि जब उपयोगकर्ता पाठ में प्रवेश करे, तो वह तारांकन (****) दिखाए। मैं यह कैसे कर सकता हूँ?

<TextInput
  style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
  onChangeText={(text) => this.setState({input: text})}
/>

Answer 1

जब यह पूछा गया कि इसे मूल रूप से करने का कोई तरीका नहीं है, हालांकि इस पुल अनुरोध के अनुसार इसे अगले सिंक पर जोड़ा जाएगा । यहाँ पुल अनुरोध पर अंतिम टिप्पणी है - "आंतरिक रूप से उतरा, अगले सिंक पर बाहर हो जाएगा"

जब इसे जोड़ा जाएगा तो आप ऐसा कुछ कर पाएंगे

<TextInput secureTextEntry={true} style={styles.default} value="abc" />

refs

Comments

धन्यवाद, इसलिए जब तक विलय नहीं हो जाता, तब तक और क्या विकल्प हैं? मुझे लगता है कि फेसबुक अपने स्वयं के ऐप्स के लिए लॉगिन के समान कुछ करता है।

— bwbrowning

मैं आज इसे देख रहा था, यही कारण है कि मैंने उस अनुरोध को पाया। वे कहते हैं कि उनके पास केवल 2 ऐप हैं जो 100% रिएक्टिव नेटिव हैं। F8 ऐप यह एक नई विंडो खोलता है जो प्राधिकरण की मांग करता है। फेसबुक विज्ञापनों की कार्यक्षमता है जिसे हम ढूंढ रहे हैं, लेकिन मुझे लगता है कि उन्होंने इसके लिए ऑब्जेक्टिव-सी को लपेटा है। ऐसा करने का एक और तरीका यह होगा कि आप स्ट्रिंग को स्टोर करें और हर बार इनपुट अपडेट अंतिम कैरेक्टर को ... सामान :) से बदल दें।

— रिले ब्रैकेन

@bwrowning, इसे जल्द ही मर्ज कर दिया जाना चाहिए; इससे पहले कि आप तैनात मैं दांव लगाना होगा।

— ब्रिगैंड

मुझे यह पसंद है क्योंकि इसमें टेक्स्ट है इसलिए मैं इससे पेस्ट कॉपी कर सकता हूं। XD

— जोविले बरमुडेज़

Answer 2

मई 2018 प्रतिक्रिया-देशी संस्करण 0.55.2

SecureTextEntry = {true} काम करता है

पासवर्ड = {सत्य} काम नहीं करता है

Answer 3

बस नीचे की लाइन जोड़ें <TextInput>

secureTextEntry={true}

Answer 4

मुझे जोड़ना था:

secureTextEntry={true}

साथ में

password={true}

0.55 के रूप में

Comments

आपको पासवर्ड की आवश्यकता नहीं है {{true}

— KetZoomer

Answer 5

जोड़ना

secureTextEntry={true}

या केवल

secureTextEntry 

आपके TextInput में संपत्ति।

काम करने का उदाहरण:

<TextInput style={styles.input}
           placeholder="Password"
           placeholderTextColor="#9a73ef"
           returnKeyType='go'
           secureTextEntry
           autoCorrect={false}
/>

Answer 6

किसी TextInput में SecureTextEntry = {true} शामिल होना चाहिए, ध्यान दें कि रिएक्ट राज्य के डॉक्स जो आपको एक ही समय में मल्टीलाइन = {true} का उपयोग नहीं करना चाहिए, क्योंकि वह संयोजन समर्थित नहीं है।

फ़ील्ड को अपने मोबाइल पर संग्रहीत किचेन से क्रेडेंशियल प्राप्त करने की अनुमति देने के लिए आप टेक्स्टकॉन्टेंट टाइप = {'पासवर्ड'} भी सेट कर सकते हैं, अगर आप अपने मोबाइल पर बायोमेट्रिक इनपुट प्राप्त कर सकते हैं तो जल्दी से क्रेडेंशियल डालने के लिए एक वैकल्पिक तरीका। जैसे iPhone X पर FaceId या अन्य iPhone मॉडल और Android पर फिंगरप्रिंट टच इनपुट।

 <TextInput value={this.state.password} textContentType={'password'} multiline={false} secureTextEntry={true} onChangeText={(text) => { this._savePassword(text); this.setState({ password: text }); }} style={styles.input} placeholder='Github password' />

Answer 7

थोड़ा प्लस:

version = RN 0.57.7

secureTextEntry={true}

जब या keyboardTypeथा काम नहीं करता है"phone-pad""email-address"

Answer 8

आप निम्नानुसार आधिकारिक साइट पर उदाहरण और नमूना कोड प्राप्त कर सकते हैं:

<TextInput password={true} style={styles.default} value="abc" />

संदर्भ: http://facebook.github.io/react-native/docs/textinput.html

Comments

हां, मैंने इसे भी देखा। लेकिन मेरे लिए यह केवल साथ काम कर रहा है secureTextEntry={true} ।

— नमस्कारम

बस नवीनतम स्थिर (0.8.0) में अपग्रेड करें और password={true}काम करेंगे।

— डैनियल Pecher

Answer 9

मैं 0.56RC SecureTextEntry = {true} का उपयोग पासवर्ड के साथ कर रहा हूं = {true} फिर केवल इसके काम के रूप में @NicholasByDesign द्वारा उल्लेख किया गया है