Compartir a través de


Representador reactNative

Representador ReactNative compatible con la comunidad para tarjetas adaptables, mantenida por BigThinkCode.

Importante

Solo soporte técnico de la comunidad. Este representador está en desarrollo activo, pero se mantiene fuera de Microsoft. Por lo tanto, no podemos garantizar ningún Acuerdo de Nivel de Servicio para este SDK. Consulte nuestra directiva de soporte técnico para obtener más detalles.

Introducción

Instalar el paquete

npm install adaptivecards-reactnative

Importación del componente raíz

import AdaptiveCard from 'adaptivecards-reactnative'

Representar el componente con las propiedades necesarias

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

Documentación completa y código fuente

Personalización y tema

Para personalizar la representación, consulte la documentación de configuración del tema .