当前位置: 首页 > 知识库问答 >
问题:

如何在Reacti Native中插入换行符

林俭
2023-03-14

如何在React Native中的文本组件中插入换行符?

我在这里检查了我的问题。
但我的情况有点不同。
所以它不能以这种方式工作。
这是我的容器代码,它为ContactInfo提供了道具。

  return data.map( 
    (contact, i) => { 
      return (<ContactInfo contact={contact} key={i} />); 
    } 
  );

这是子组件。它接收道具作为接触

      <Text>{this.props.contact.name}</Text>

finllay,它给出了结果“名称”。
我希望

David
John
Wade

但它给了大卫·约翰·韦德。

我无法将{"\n"}和'放入子组件中,因为那只有一行。
我如何解决这个问题?

共有1个答案

华煜祺
2023-03-14

因为你传递的是一个字符串,如果你传递的是一个字符串。尝试使用javascript,在联系人中使用“\n”。名字像“David John Wade”

 类似资料:
  • 我一直试图填充一个word模板(.docx)文件,其中有需要替换的占位符。 我能够重写模板,但是文本没有换行符,我知道回车或新行(\r\n)在.docx文件中不起作用。我使用VariableReplace方法进行转换,但是在使用变量replace时无法放置br或factory.createbr()。 任何建议都会很有帮助。下面是我尝试的一段代码

  • 问题内容: 我没有看到与此主题相关的任何类似问题,因此我不得不针对当前正在研究的内容进行研究。我以为如果其他人有相同的问题,我会给出答案。 问题答案: 您只需将字符串连接起来,然后CHAR(13)在要换行的位置插入一个即可。 例子: 打印出以下内容: This is line 1. This is line 2.

  • 问题内容: 我必须用表格制作PDF。到目前为止,它工作正常,但现在我想添加包装功能。所以我需要插入换行符。 我想在“插入”之前添加“”。我尝试了“ ”,这是换行的十六进制值,但是Eclipse显示了一个错误。 是否可以使用drawString添加换行符? 问题答案: pdf格式不知道换行符。您必须使用moveTextPositionByAmount拆分字符串并将文本位置移至下一行。 这不是特殊的“

  • 在新的DOCX中,我的XML如下所示: 所以我不知道如何将第二行设置到第一行的相同位置?

  • 问题内容: 我觉得我看到了一种使用CSS content属性在元素之前插入换行标记的方法。显然这是行不通的: 但是你怎么做呢? 问题答案: 可以在伪元素生成的内容中使用 转义序列。。 您可能还需要添加到。 注意:表示一行的结尾。 ps另一种治疗方法是