由于某种原因，向 TextInput 添加值会更改字体粗细

Question

我正在尝试在用户输入时格式化日期，但是当我添加值字段 (value={this.state.dob}) 时，样式会更改为更粗的字体粗细（有时更改为正确的字体粗细打字）。它似乎真的来自值字段我尝试将它添加到此页面的其他输入并且它做了同样的事情。

  <TextInput
        placeholder="JJ/MM/AAAA"
        keyboardType={'number-pad'}
        onChangeText={(text) => this._onChangeDate(text)}
        name="dob"
        style={styles.textBox}
        value={this.state.dob} //Just removing this work but I can't liveformat the date anymore 
        maxLength={10}
   />

_onChangeDate = (value) => {
    this.setState({
        dob: this.liveFormatDate(value),
    })  

}

liveFormatDate returns 字符串在需要时添加斜线丢弃字母等

How it looks right now

How it should look like (when there are 6 characters it looks like this) 我没有修改两个截图之间的代码

Answer 1

解决方案是在样式中添加权重属性 (font-weight: "normal")。虽然我不知道为什么字体粗细一直在变化，但我不知道是什么原因造成的。

由于某种原因，向 TextInput 添加值会更改字体粗细

Adding a value to a TextInput changes the font-weight for some reason

react-native

react-native-textinput

react-native-stylesheet