React Native에서 TextInput의 letterSpacing을 수행하는 방법이 있습니까?

Question

나는 <TextInput> 편지를 보내려고 노력했지만 스타일은 <Text>에서만 작동합니다. React Native에서 TextInput의 문자 사이 간격을 늘리는 방법이 있습니까?

이이이이 가능한 솔루션, 아마 더 나은입니다

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

Answer 1

작동하지 않습니다 문자

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

사이의 공간을 증가시킨다.

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 을.