如何在React Native中为TextInput分隔计时器输入

Question

我现在正在开发一个简单的计时器应用程序，用户应在其中指定输入时间为任意数字（下面包括屏幕截图）。我希望输入的时间类似于Google的timer用小写的“ h”，“ m”和“ s”来分隔小时，分钟和秒。但是，我想用冒号来代替这些字符。

我目前正在使用TextInput作为输入时间的组件。有什么方法可以使结肠“永久地”保留下来，以便无论是否输入数字都可以出现它们？我本想在setState之前添加冒号，但这将使冒号能够被删除。我也在研究Overlay，但这可能会导致数字和冒号之间出现一些间距。