Freigeben über


ReactNativer Renderer

Ein von der Community unterstütztes ReactNative-Renderer für adaptive Karten, der von BigThinkCode verwaltet wird.

Wichtig

Nur Communityunterstützung. Dieser Renderer befindet sich in der aktiven Entwicklung, wird aber außerhalb von Microsoft verwaltet. Daher können wir keine SLA für dieses SDK garantieren. Weitere Informationen finden Sie in unserer Supportrichtlinie .

Erste Schritte

Installieren des Pakets

npm install adaptivecards-reactnative

Importieren der Stammkomponente

import AdaptiveCard from 'adaptivecards-reactnative'

Rendern der Komponente mit den erforderlichen Requisiten

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

Vollständige Dokumentation und Quellcode

Anpassung und Designierung

Informationen zum Anpassen des Renderings finden Sie in der Dokumentation zur Designkonfiguration .