Partilhar via

Renderizador ReactNative

Um renderizador ReactNative com suporte da comunidade para Cartões Adaptáveis, mantido pelo BigThinkCode.

Importante

Somente suporte da comunidade. Esse renderizador está em desenvolvimento ativo, mas é mantido fora da Microsoft. Dessa forma, não podemos garantir nenhum SLA para esse SDK. Consulte nossa política de suporte para obter mais detalhes.

Introdução

Instalar o pacote

npm install adaptivecards-reactnative

Importar o componente raiz

import AdaptiveCard from 'adaptivecards-reactnative'

Renderizar o componente com os adereços necessários

<AdaptiveCard payload={} 
               hostConfig={}
               themeConfig={}
               onExecuteAction={} 
               onParseError={} 
               containerStyle={{
                    width:100, 
                    height: 100, 
                    flexGrow:1, 
                    backgroundColor:'lightblue'
               }}
               contentContainerStyle={{
                    flexGrow: 1, 
                    justifyContent: 'space-between'
               }}
               contentHeight={500} 
               ref="referenceVariable"/>

Documentação completa e código-fonte

Personalização e tema

Para personalizar a renderização, consulte a documentação de configuração do tema .

  • Last updated on