|
|
相关文章推荐
|
怕老婆的跑步机 · python replace 去掉 ...· 5 天前 · |
|
|
热心的移动电源 · 康师傅方便面含多菌灵？假的，别传了！· 1 年前 · |
|
|
捣蛋的凉茶 · 卜算子·咏梅（南宋词人陆游作品）_百度百科· 1 年前 · |
|
|
力能扛鼎的键盘 · 原来这些湘西美食，才是真正的米饭杀手！_辣椒· 1 年前 · |
|
|
果断的火腿肠 · 第50话 离他远一点 - 我家经纪人太难撩 ...· 1 年前 · |
|
|
力能扛鼎的盒饭 · 为什么不建议买零跑C11？零跑C11致命缺点 ...· 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
}
推荐文章
|
|
热心的移动电源 · 康师傅方便面含多菌灵？假的，别传了！ 1 年前 |
|
|
捣蛋的凉茶 · 卜算子·咏梅（南宋词人陆游作品）_百度百科 1 年前 |
|
|
力能扛鼎的键盘 · 原来这些湘西美食，才是真正的米饭杀手！_辣椒 1 年前 |