react-native - 有没有办法在 React Native 中为 TextInput 做 letterSpacing？

Question

我一直在努力给 <TextInput>一个 letterSpacing 样式，但它似乎只适用于 <Text> . React Native 中有没有办法增加 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>
    );
  }
}