kzen.dev
Mais
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.
systemovich
systemovich
Pergunta editada :em
Programação
text
javascript
react-native
newline
Popular videos
« Anterior
Próximo »
Esta pergunta tem 1 resposta em inglês, para as ler iniciar sessão à sua conta.
Solution / Answer

Isto deve chegar:

<Text>
Hi~{"\n"}
this is a test message.
</Text>
Matt McDonald
Matt McDonald
Resposta editada :em
522

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

Isto funcionou para mim.

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

(reactivo 0,41,0)

13
Comunidades relacionadas 8
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
React.Js Brasil🇧🇷
7 379 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
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
Next.JS - Brasil
987 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
React Native Br
469 utilizadores
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.