क्या प्रतिक्रिया मूल में TextInput के लिए letterSpacing करने का कोई तरीका है?

Question

मैं <TextInput> एक लेटरस्पेसिंग शैली देने की कोशिश कर रहा हूं लेकिन ऐसा लगता है कि यह केवल <Text> के लिए काम करता है। TextInput में वर्णों के बीच की जगह बढ़ाने के लिए प्रतिक्रिया मूल में कोई तरीका है?

यह वर्ण

<Text style={{'letterSpacing': 5}}>Some Text</Text> 

के बीच की जगह इस

<TextInput style={{'letterSpacing': 5}} /> 

Answer 1

काम नहीं करेगा यह एक संभव समाधान है, शायद नहीं बेहतर है बढ़ जाती है।

Jsfiddle

class Form extends React.Component { 
    constructor() { 
    super(); 
    this.state = { 
     value: '', 
    }; 
    this.onChangeText = this.onChangeText.bind(this); 
    } 

    onChangeText(e) { 
    const val = e.target.value.replace(/ /g, '').split(''); 
    const spaced = val.join(' '); 
    this.setState({ 
     value: spaced, 
    }); 
    } 

    render() { 
    return(
     <div style={{flexDirection: 'column'}}> 
     <div>Type Text</div> 
     <input 
      type='text' 
      onChange={this.onChangeText} 
      value={this.state.value} 
     /> 
     </div> 
    ); 
    } 
} 

Answer 2

इस घटक https://github.com/wix/react-native-ui-lib#masked-input यह आप आप यह चाहते किसी भी तरह से कस्टम नकाबपोश इनपुट रेंडर करने के लिए अनुमति देता है चेक बाहर, इनपुट के वास्तविक मूल्य को प्रभावित किए बिना।