kzen.dev
  • Perguntas
  • Etiquetas
  • Utilizadores
Notificações
Recompensas
Inscrição
Uma vez registado, será notificado das respostas e comentários às suas perguntas.
Entrar
Se já tem uma conta, inicie sessão para verificar novas notificações.
Haverá recompensas por perguntas, respostas e comentários adicionais.
Mais
Fonte
Editar
 Curtis
Curtis
Question

Como posso inserir uma quebra de linha em um <Text> componente em React Native?

Eu quero inserir uma nova linha (como \r\n,
) em um componente de Texto em React Native.

Se eu tiver:

<text><br />
Hi~<br >
this is a test message.<br />
</text>

Então Reagir Native torna Hi~ esta é uma mensagem de teste.

É possível renderizar texto para adicionar uma nova linha como esta:

Hi~
this is a test message.
260 2015-09-09T01:29:12+00:00 3
 systemovich
systemovich
Pergunta editada :em
Programação
text
javascript
react-native
newline
Popular videos
Componente de Input completo com React Native.
Componente de Input completo com React Native.
há 1 ano
Componente TextInput em React Native - Curso de React Native - Aula 19
Componente TextInput em React Native - Curso de React Native - Aula 19
há 2 anos
React Native - Aula 07 - Criando Componentes Personalizados no React - Criando Separadores
React Native - Aula 07 - Criando Componentes Personalizados no React - Criando Separadores
há 1 ano
Adicionando um componente de terceiros ao meu projeto do React Native
Adicionando um componente de terceiros ao meu projeto do React Native
há 1 ano
Como trocar fonte de texto no React Native com expo
Como trocar fonte de texto no React Native com expo
há 1 ano
React Native: Criando Lista Com o Componente FlatList - Guia Completo
React Native: Criando Lista Com o Componente FlatList - Guia Completo
há 1 ano
Select com React Native
Select com React Native
há 1 ano
React.JS 03 - Props, state e estilização de componentes
React.JS 03 - Props, state e estilização de componentes
há 1 ano
Criando um Jogo &quot;Tosco&quot; de Corrida em React Native
Criando um Jogo "Tosco" de Corrida em React Native
há 2 anos
Como FILTRAR e ORDENAR um FlatList no React Native
Como FILTRAR e ORDENAR um FlatList no React Native
há 1 ano
React.js - Comunicação entre Componentes
React.js - Comunicação entre Componentes
há 2 anos
React Native Tutorial  #5 - Text Inputs
React Native Tutorial #5 - Text Inputs
há 3 anos
React Native - Criando Input com máscaras 🔥
React Native - Criando Input com máscaras 🔥
há 1 ano
React - Criação de Componentes por Classe e Função
React - Criação de Componentes por Classe e Função
há 1 ano
Autenticação no React Native / ReactJS com Context API &amp; Hooks | Masterclass #12
Autenticação no React Native / ReactJS com Context API & Hooks | Masterclass #12
há 2 anos
« Anterior
Próximo »
Esta pergunta tem 1 resposta em inglês, para as ler iniciar sessão à sua conta.
Solution / Answer
Chris Ghenea
Chris Ghenea
9º setembro 2015 в 12:55
2015-09-09T12:55:31+00:00
Mais
Fonte
Editar
#28580696

Isto deve chegar:

<Text>
Hi~{"\n"}
this is a test message.
</Text>
Matt McDonald
Matt McDonald
Resposta editada :em
522
0
 Venryx
Venryx
21º novembro 2016 в 6:31
2016-11-21T06:31:09+00:00
Mais
Fonte
Editar
#28580697

Você também pode fazer:

<Text>{`
Hi~
this is a test message.
`}</Text>

Mais fácil, na minha opinião, porque você não'não precisa inserir coisas dentro da corda; basta embrulhá-las uma vez e isso mantém todas as suas quebras de linha.

79
0
 Olivier
Olivier
13º fevereiro 2017 в 1:47
2017-02-13T13:47:55+00:00
Mais
Fonte
Editar
#28580698

Isto funcionou para mim.

<Text>{`Hi~\nthis is a test message.`}</Text>

(reactivo 0,41,0)

13
0
Comunidades relacionadas 8
JavaScript Brasil
JavaScript Brasil
8 129 utilizadores
Grupo técnico sobre Javascript. 💰 Vagas @javascriptbrvagas 🎯 Regras Sem off-topic Sem propaganda Sem ofensas, palavrões e xingamentos Sem pirataria Evite colar códigos longos 🆘 /admins Parceiros @frontendBR @GuiaDev @WebDevBR @mundoJS
Abrir telegram
React.Js Brasil🇧🇷
React.Js Brasil🇧🇷
7 384 utilizadores
Comunidade brasileira de ReactJS. Regras: https://t.me/reactjs_br/90287 - Leia as regras antes de postar, principalmente VAGAS! - Para reportar spam, responda o post marcando @admin
Abrir telegram
JavaScript Brasil Vagas
JavaScript Brasil Vagas
3 346 utilizadores
Canal para divulgação de vagas relacionadas à linguagem de programação JavaScript (e tecnologias afins). Vagas de TypeScript: https://t.me/typescriptbr Participe do nosso grupo sobre JS: @javascriptbr
Abrir telegram
Next.JS - Brasil
Next.JS - Brasil
990 utilizadores
Grupo destinado a comunidade de Next.Js 📌 Seja bem-vindo(a) - Por favor, leia o post pinado. ⚠️ Para reportar spam, ofensas ou problemas responda o post marcando @procarrera ⛔️Respeito acima de tudo. Falta de respeito está sujeito a BAN. Let's code
Abrir telegram
React Native Br
React Native Br
469 utilizadores
Abrir telegram
React Native Brasil
React Native Brasil
63 utilizadores
Grupo técnico sobre REACT NATIVE FRAMEWORK. Fórum oficial: http://facebook.com/groups/reactbrasil ❌ Sem off-topic. ❌ Sem propaganda. ❌ Sem ofensas ❌ Sem palavrões ❌ Sem xingamentos Muito obrigado pela sua atenção.
Abrir telegram
Adicionar pergunta
Categorias
Todos
Tecnologia
Cultura / Recreação
Vida / Artes
Ciência
Profissional
Negócios
Utilizadores
Todos
Novo
Popular
1
Роман Азаров
Registrado há 3 dias
2
Mansur Zakirov
Registrado há 6 dias
3
Тагир Мамедов
Registrado há 1 semana
4
Алексей Толманов
Registrado há 1 semana
5
Valeriu Vodnicear
Registrado há 2 semanas
DE
EL
ES
FR
ID
IT
JA
LV
NL
PT
RU
TR
ZH
© kzen.dev 2023
Fonte
stackoverflow.com
sob licença cc by-sa 3.0 com atribuição