React native, <Text> 不止一行

Question

我有这个代码：

<Text style={[fontStyles.transactionTimeText]} testID="timeExpirationMessage">
  Tu cotización será válida hasta las <Moment element={Text} format="YYYY/MM/DD">{expiresDate}</Moment> horas
</Text>

我想让每行更短，如下所示：

<Text style={[fontStyles.transactionTimeText]} testID="timeExpirationMessage">
  Tu cotización será válida hasta las
  <Moment 
    element={Text}
    format="YYYY/MM/DD">{expiresDate}
  </Moment>
  horas
</Text>

但这样一来，{expiresDate} 之前和之后的文本没有空格，如果我尝试在其中放置空格，则会出现 ESLint 错误：

Answer 1

如果我理解正确，您可以这样做：

<Text style={[fontStyles.transactionTimeText]} testID="timeExpirationMessage">
  Tu cotización será válida hasta las{' '}
  <Moment element={Text} format="YYYY/MM/DD">
    {expiresDate}
  </Moment>{' '}
  horas
</Text>

{' '} 负责处理尾随空格。