共用方式為


ReactNative 轉譯器

由 BigThinkCode維護之調適型卡片的社群支援ReactNative 轉譯器。

重要

僅限社群支援。 此轉譯器處於作用中開發狀態,但是在 Microsoft 外部維護。 因此,我們無法保證此 SDK 的任何 SLA。 如需詳細資訊,請參閱我們的 支援原則

開始使用

安裝套件

npm install adaptivecards-reactnative

匯入根元件

import AdaptiveCard from 'adaptivecards-reactnative'

轉譯具有必要屬性的元件

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

完整檔和原始程式碼

自訂和主題

若要自訂轉譯,請參閱 主題設定 檔。