ReactNative Renderer

Renderer ReactNative supportato dalla community per le schede adattive, gestito da BigThinkCode.

Importante

Solo supporto della community. Questo renderer è in fase di sviluppo attivo, ma viene mantenuto all'esterno di Microsoft. Di conseguenza, non è possibile garantire alcun contratto di servizio per questo SDK. Per altri dettagli, vedere i criteri di supporto .

Introduzione

Installare il pacchetto

npm install adaptivecards-reactnative

Importare il componente radice

import AdaptiveCard from 'adaptivecards-reactnative'

Eseguire il rendering del componente con le proprietà necessarie

<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"/>

Documentazione completa e codice sorgente

• Documentazione
• Codice sorgente

Personalizzazione e tema

Per personalizzare il rendering, vedere la documentazione sulla configurazione del tema .