পাসওয়ার্ড ইনপুটটির জন্য আপনি কীভাবে একটি পাঠ্য ইনপুট স্টাইল করেন native


103

আমার একটি টেক্সটইনপুট রয়েছে। প্রকৃত পাঠ্যটি প্রবেশ করানো দেখানোর পরিবর্তে, আমি চাই যখন ব্যবহারকারী পাঠ্য প্রবেশ করে তখন এটি অ্যাসিটার্কস (****) প্রদর্শিত হয়। কিভাবে আমি এটি করতে পারব?

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

উত্তর:


321

যখন এটি জিজ্ঞাসা করা হয়েছিল এটি নেটিভভাবে করার কোনও উপায় ছিল না, তবে এই টানার অনুরোধ অনুসারে এটি পরবর্তী সিঙ্কে যুক্ত করা হবে । এখানে টানার অনুরোধের সর্বশেষ মন্তব্যটি দেওয়া হয়েছে - "অভ্যন্তরীণভাবে অবতরণ করা হয়েছে, পরবর্তী সিঙ্কে বেরিয়ে আসবে"

এটি যুক্ত হয়ে গেলে আপনি এই জাতীয় কিছু করতে সক্ষম হবেন

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

রেফারেন্স


ধন্যবাদ, সুতরাং যতক্ষণ না এটি একত্রী হয়ে যায়, অন্য কোন বিকল্প নেই? আমি অনুমান করছি ফেসবুক তাদের নিজস্ব অ্যাপ্লিকেশনগুলিতে লগইনের জন্য অনুরূপ কিছু করে।
ব্রব্রাউনিং

4
আমি আজ এটি খতিয়ে দেখছিলাম, এইভাবেই আমি সেই টানার অনুরোধটি পেয়েছি। তারা বলছেন যে তাদের কাছে কেবলমাত্র দুটি অ্যাপ রয়েছে যা 100% প্রতিক্রিয়া নেটিভ। F8 অ্যাপ্লিকেশনটি অনুমোদনের জন্য জিজ্ঞাসা করে একটি নতুন উইন্ডো খুলবে। ফেসবুক বিজ্ঞাপনগুলির কার্যকারিতা রয়েছে যা আমরা সন্ধান করছি তবে আমি প্রায় মনে করি তারা এটির জন্য উদ্দেশ্য-সি জড়িয়ে রাখে। এটি করার আরেকটি উপায় হ'ল স্ট্রিংটি সংরক্ষণ করা এবং প্রতিবার ইনপুট আপডেটগুলি ... স্টাফ :) এর সাথে শেষ চরিত্রটিকে প্রতিস্থাপন করবে।
রিলে ব্র্যাকেন

@ বিডব্রাউন, এটি শীঘ্রই একত্রিত করা উচিত; আপনার মোতায়েন করার অনেক আগে আমি বাজি ধরতাম।
ব্রিগেড

আমি এটি পছন্দ করি কারণ এটিতে পাঠ্য রয়েছে তাই আমি এটি থেকে পেস্টটি অনুলিপি করতে পারি। এক্সডি
জোভাইল বারমুডেজ

25

মে 2018 প্রতিক্রিয়া নেটিভ সংস্করণ 0.55.2

SafeTextEntry = {true} কাজ করে

পাসওয়ার্ড = {সত্য} কাজ করে না




6

অ্যাড

secureTextEntry={true}

অথবা শুধুই

secureTextEntry 

আপনার পাঠ্য ইনপুটটিতে সম্পত্তি।

কাজের উদাহরণ:

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

4

একটি টেক্সটইনপুটে অবশ্যই সিকিউরটেক্সট্রেন্টি = {সত্য} অন্তর্ভুক্ত করতে হবে, নোট করুন যে প্রতিক্রিয়াটির ডকসগুলিতে বলা হয়েছে যে সেই সংমিশ্রণটি সমর্থিত না হওয়ায় আপনাকে একই সঙ্গে মাল্টলাইন = {সত্য use ব্যবহার করা উচিত নয়।

আপনি আপনার মোবাইলে সঞ্চিত কীচেইন থেকে ক্ষেত্রটি শংসাপত্রগুলি পুনরুদ্ধার করার জন্য টেক্সট কনটেন্টটাইপ = password 'পাসওয়ার্ড' setও সেট করতে পারেন, শংসাপত্রগুলি প্রবেশের একটি বিকল্প উপায় যদি আপনি আপনার মোবাইলে দ্রুত শংসাপত্র সন্নিবেশ করানোর জন্য শংসাপত্রগুলি প্রবেশের একটি বিকল্প উপায়। আইফোন এক্সে ফেসআইড বা অন্যান্য আইফোন মডেল এবং অ্যান্ড্রয়েডে ফিঙ্গারপ্রিন্ট টাচ ইনপুট।

 <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' />

3

সামান্য প্লাস:

version = RN 0.57.7

secureTextEntry={true}

যখন keyboardTypeছিল "phone-pad"বা কাজ করে না"email-address"


2

আপনি উদাহরণস্বরূপ এবং সরকারী সাইটে উদাহরণ হিসাবে নমুনা কোড পেতে পারেন:

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

তথ্যসূত্র: http://facebook.github.io/react-native/docs/textinput.html


4
হ্যাঁ, আমি এটিও দেখেছি। তবে আমার জন্য এটি কেবল কাজ করছে secureTextEntry={true}
নমেক্সাম

সর্বাধিক স্থিতিশীল (0.8.0) এ আপগ্রেড করুন এবং password={true}কাজ করবে।
ড্যানিয়েল পেচার

0

আমি 0.56RC সিকিউরটেক্সটেনট্রি = {সত্য using সাথে পাসওয়ার্ড = {সত্য using ব্যবহার করছি তবে কেবলমাত্র @ নিকোলাসবিডি ডিজাইন দ্বারা উল্লিখিত হিসাবে এটির কাজ

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.