search

microsoft / react-native-adaptivecards

React Native renderer for AdaptiveCards
https://microsoft.github.io/react-native-adaptivecards/
80 stars 21 forks source link
adaptive-cards react-native

readme

DEPRECATION NOTICE

This package is no longer in development.

Please migrate to adaptivecards-reactnative

============================================

Introduction

React Native renderer for AdaptiveCards.

Sample Screenshot

Online renderer and debugging tool can be found here

Getting Started

Basic Usage

  1. Installation

    $ npm install react-native-adaptivecards

    or by Yarn

    $ yarn add react-native-adaptivecards

  2. Implementation

import AdaptiveCard from 'react-native-adaptivecards';
    <AdaptiveCard adaptiveCard={} overrideStyle={} />

Properties

Prop Required Type Description
adaptiveCard Yes object Json object based on AdaptiveCards schema
style No object Customized styles
config No, default{...} object Customized config
onSubmit No function Submit Action
onOpenUrl No function OpenUrl Action
onCallback No function Callback Action
onFocus No function Focus Action
onBlur No function Blur Action
onError No function Error Action
onInfo No function Info Action
onWarning No function Warning Action

Examples

$ cd examples
$ yarn
$ yarn ios