在setState

时间:2019-04-22 16:39:32

标签: react-native textinput flicker setstate

我正在使用React Native TextInput构建货币输入组件。 在用户键入内容时,要求始终以这种方式设置文本格式:

$ + [integer-part] . [2 digits decimals]

例如,如果用户输入2,则应将其自动格式化为$0.02。我可以在用户键入时执行格式化,如以下屏幕截图所示:

enter image description here

基本上,我使用onChangeText进行一些格式化,然后使用格式化后的值调用setState。

这里的问题是新输入的字符在正确格式化之前会显示一秒钟。这会导致TextInput短暂闪烁。

我已经看过这个similar question。但是不仅我不明白接受的答案如何解决我的问题。即使我按照建议进行操作,也无法正常工作。

我不知道该怎么办:尽管我已经明确指出,但TextInput似乎无法完全“控制”,因为它正在显示输入字符。

value={this.state.value}

社区的任何帮助将不胜感激

0 个答案:

没有答案