É possível criar conteúdo Html a partir de dados json em reagir nativo?

0

Pergunta

Eu estou tentando criar um conteúdo html a partir de dados json em reagir nativo. Basicamente, eu quero gerar PDF a partir de conteúdo html que já fiz usando o conteúdo html estático na minha reagir aplicativo nativo, mas agora queremos gerar pdf com conteúdo dinâmico e decidir os dados em json e convertê-los em conteúdo html e, em seguida, gerar pdf a partir de o conteúdo em html.

Nossa equipe de web já tenha feito isso renderizar os dados json no dom e, em seguida, gerar pdf a partir de dom usando reagir.

É possível fazer o mesmo usando reagir nativo.

1

Melhor resposta

1

Você pode conseguir isso gosta de fazer isso- (uso de aspas para traz em vez de único ou dubble aspas)

const JsonData = {
   title: 'My PDF File',
   image: 'https://raw.githubusercontent.com/AboutReact/sampleresource/master/pdf.png'
}

const html = `
<html>
  <head>
     <meta charset="utf-8">
     <title>MyPDF</title>
     <style>${htmlStyles}</style>
  </head>
  <body>
    <h1>${JsonData.title}</h1>
    <img src=`${JsonData.image}` />
    {JsonData.otherData}
  </body>
</html>
`;

Checkout exemplo para isso: https://github.com/vishalpwr/react-native/tree/master/CreatePdf

2021-12-06 05:58:36

Em outros idiomas

Esta página está em outros idiomas

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................