|
|
相关文章推荐
|
满身肌肉的风衣 · “天籁五音——养生音乐”内容创意研讨会召开-新华网· 4 月前 · |
|
|
细心的板栗 · Fire Emblem Heroes - ...· 5 月前 · |
|
|
火爆的山楂 · 文件预览错误的类型和处理办法 - ...· 6 月前 · |
|
|
欢快的骆驼 · 欢迎访问《南京医科大学学报(社会科学版)》编 ...· 1 年前 · |
|
|
风流倜傥的烈酒 · 解冻归档、冷归档以及深度冷归档Object_ ...· 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
}
推荐文章
|
|
满身肌肉的风衣 · “天籁五音——养生音乐”内容创意研讨会召开-新华网 4 月前 |
|
|
火爆的山楂 · 文件预览错误的类型和处理办法 - Dropbox 帮助 6 月前 |
|
|
欢快的骆驼 · 欢迎访问《南京医科大学学报(社会科学版)》编辑部网站！ 1 年前 |