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

Question

我现在正在开发一个简单的计时器应用程序，用户应该将输入时间指定为任意数字（截图如下）。我希望输入的时间被分隔，类似于谷歌的计时器如何用小“h”、“m”和“s”字符分隔小时、分钟和秒。但我想使用冒号来分隔这些字符，而不是这些字符。

我目前正在使用 TextInput 作为输入时间的组件。有什么方法可以“永久”保留冒号，这样无论是否输入了数字，它们都会出现？我正在考虑在 I 之前添加冒号setState，但这将允许删除冒号。我也在研究 Overlay，但这可能会导致数字和冒号之间的间距看起来很奇怪。

标签： androidiosreact-native