React Native - 如何为单个字符(数字、字母等)设置固定宽度
- 论坛
- React Native - 如何为单个字符(数字、字母等)设置固定宽度
13 浏览
React Native - 如何为单个字符(数字、字母等)设置固定宽度
我在构建一个React Native应用时遇到了问题。我有一个秒表,由于每个数字字符的宽度不同,当时间增加时,文本开始在各个地方移动,而不是保持固定宽度。例如,如果你有一个iOS设备,在默认的时钟应用程序中使用秒表,你会注意到00:00:00
系列中的每个字符都有固定的宽度,或者至少看起来是这样。如果其中一个0变成了1,即使1的宽度似乎较小,它仍然占用相同的空间,因此文本不会跳来跳去。然而,在我的React Native应用中,情况并非如此。数字1的宽度小于0或任何其他数字,因此文本会跳来跳去,这真的很烦人。这是一个好的、有效的版本(请注意,在每次数字更改时,数字所在的“容器”的宽度从不改变)。这确保了平滑的过渡:[链接已省略]。现在看一下我的版本,真是一团糟:[链接已省略]。我似乎找不到解决办法。我觉得解决这个问题的一种方法是将每个字符放在单独的
标签中,并设置一个固定宽度,但我知道那样做完全是杀鸡用牛刀。一定有更简单的方法来解决这个问题。希望能得到一些指导。