React Native：如何创建具有固定字符宽度的文本

Question

我正在尝试制作计时器，但文字的宽度会根据数字而改变。 letterSpacing似乎不起作用。如果我将textAlign设置为left，它会稍微解决问题，但这只是因为小时数与秒和毫秒相比很少发生变化，因此该解决方案并不理想。

Answer 1

好像你正在使用默认字体-San Francisco-它支持等宽数字的字体功能，以下是如何使用它：

// fontVariant must be an array of strings
{fontVariant: ['tabular-nums']}

有关您可以使用this的其他字体变体的详细信息。

Answer 2

尝试使用monospaced font。

在本机尝试设置{fontFamily: 'monospace'}，然后选择您喜欢的等宽字体。