React Native renderer for AdaptiveCards
Перейти к файлу
dependabot[bot] cfdce06df1
Bump websocket-extensions from 0.1.3 to 0.1.4 in /tool
Bumps [websocket-extensions](https://github.com/faye/websocket-extensions-node) from 0.1.3 to 0.1.4.
- [Release notes](https://github.com/faye/websocket-extensions-node/releases)
- [Changelog](https://github.com/faye/websocket-extensions-node/blob/master/CHANGELOG.md)
- [Commits](https://github.com/faye/websocket-extensions-node/compare/0.1.3...0.1.4)

Signed-off-by: dependabot[bot] <support@github.com>
2020-06-06 15:42:38 +00:00
dist Support RN v0.60.0, use react-native-webview instead RN build-in WebView (#93) 2019-09-17 18:02:35 +08:00
examples Support RN v0.60.0, use react-native-webview instead RN build-in WebView (#93) 2019-09-17 18:02:35 +08:00
src Support RN v0.60.0, use react-native-webview instead RN build-in WebView (#93) 2019-09-17 18:02:35 +08:00
tool Bump websocket-extensions from 0.1.3 to 0.1.4 in /tool 2020-06-06 15:42:38 +00:00
.gitignore Merged PR 686347: Align the render rule with other platforms and enhance extensibility 2018-06-29 09:01:24 +00:00
README.md Revert "Replace Icon Font with SVG and Replace WebView Based SVG Render with Native Render (#85)" (#91) 2019-09-10 17:26:44 +08:00
gulpfile.js Upgrade gulp 2019-02-18 14:08:35 +08:00
package.json Support RN v0.60.0, use react-native-webview instead RN build-in WebView (#93) 2019-09-17 18:02:35 +08:00
screenshot.gif Update readme.md 2017-11-20 17:30:10 +08:00
tsconfig.json Merged PR 760152: Add schema validation tools 2018-09-06 13:43:59 +00:00
tslint.json Merged PR 710005: Make AdaptiveCard support PeoplePicker 2018-07-23 07:04:12 +00:00
yarn.lock Support RN v0.60.0, use react-native-webview instead RN build-in WebView (#93) 2019-09-17 18:02:35 +08:00

README.md

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
  1. Implementation
  • Import to the component where you want to show an AdaptiveCards
import AdaptiveCard from 'react-native-adaptivecards';
  • Send initial props
    <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