ReactNative レンダラー

BigThinkCode によって管理されるアダプティブ カード用のコミュニティでサポートされている ReactNative レンダラー。

重要

コミュニティサポートのみ。 このレンダラーはアクティブな開発段階ですが、Microsoft の外部で管理されています。 そのため、この SDK の SLA は保証できません。 詳細については、 サポート ポリシー を参照してください。

作業の開始

パッケージをインストールする

npm install adaptivecards-reactnative

ルート コンポーネントをインポートする

import AdaptiveCard from 'adaptivecards-reactnative'

必要な props を使用してコンポーネントをレンダリングする

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

完全なドキュメントとソース コード

• ドキュメント
• ソース コード

カスタマイズとテーマ設定

レンダリングをカスタマイズするには、 テーマの構成 に関するドキュメントを参照してください。