|
|
相关文章推荐
|
怕老婆的鸵鸟 · 《老酒馆》大结局，为何安排桦子小樽大婚，高满 ...· 5 月前 · |
|
|
重感情的大象 · 斗罗大陆：宁荣荣一生中最重要的五个男人，两位 ...· 1 年前 · |
|
|
成熟的小熊猫 · 萨尔瓦多：黑帮组成的国家，谋杀率冠绝全球，总 ...· 1 年前 · |
|
|
威武的松树 · 奇点汽车5年烧170亿首款车仍“难产”_财经 ...· 1 年前 · |
|
|
旅行中的长颈鹿 · 劲玛和标致508内饰对比，选择哪个好_太平洋汽车网· 1 年前 · |
我想插入一个新行(如\r\n，
)在React Native中的文本组件中。
如果我有：
Hi~
this is a test message.然后反应原生渲染
是否可以渲染文本以添加新行，如下所示：
Hi~
this is a test message.
10 个回答
高票数
最新
Matt McDonald
修改于2019-09-24 23:38
得票数
894
这应该可以做到这一点：
Hi~{"\n"}
this is a test message.
Venryx
回答于2016-11-21 14:31
得票数
133
您还可以执行以下操作：
{`
this is a test message.
`}在我看来更简单，因为您不必在字符串中插入内容；只需将它换行一次，它就会保留所有的换行符。
Olivier
回答于2017-02-13 21:47
得票数
20
这对我很有效
{`Hi~\nthis is a test message.`}(react-native 0.41.0)
Beau Smith
回答于2017-04-01 06:12
得票数
7
我需要一个在三元运算符中进行分支的单行解决方案，以保持代码的良好缩进。
{foo ? `First line of text\nSecond line of text` : `Single line of text`}Sublime语法突出显示有助于突出显示换行符：
Edison D'souza
回答于2017-06-30 19:51
得票数
19
如果要显示来自状态变量的数据，请使用此命令。
{this.state.user.bio.replace('
', '\n')}
Saqib Omer
修改于2017-11-17 15:58
得票数
16
您可以使用
换行符。您好~ {'\n'}这是一条测试消息。
ata
修改于2018-05-17 18:25
得票数
55
使用：
{`Hi,\nCurtis!`}结果：
嗨，
柯蒂斯！
Pankaj Agarwal
回答于2018-08-29 19:26
得票数
4
您可以尝试像这样使用
{`${val}\n`}
Telmo Dias
修改于2021-11-03 18:54
得票数
7
更好的是:如果您使用
，你可以这样做：
import React, { Component } from 'react';
import styled from 'styled-components';
const Text = styled.Text`
text-align: left;
font-size: 20px;
export default class extends Component {
(...)
render(){
return (
1. line 1
2. line 2
3. line 3
}