https://github.com/pavloko/react-native-tinycard

A card component inspired by Tinycards.
https://github.com/pavloko/react-native-tinycard

card react react-native ui-component

Last synced: about 1 year ago
JSON representation

A card component inspired by Tinycards.

• Host: GitHub
• URL: https://github.com/pavloko/react-native-tinycard
• Owner: pavloko
• Created: 2017-12-02T21:54:42.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2017-12-13T12:14:08.000Z (over 8 years ago)
• Last Synced: 2025-05-30T16:28:11.163Z (about 1 year ago)
• Topics: card, react, react-native, ui-component
• Language: JavaScript
• Homepage:
• Size: 1.12 MB
• Stars: 6
• Watchers: 1
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
[![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat)](https://github.com/dwyl/esta/issues)

[![npm version](https://badge.fury.io/js/react-native-tinycard.svg)](https://badge.fury.io/js/react-native-tinycard)

### Card component inspired by [Tinycards](https://tinycards.duolingo.com/)

![](https://github.com/pavloko/react-native-tinycard/blob/master/screenshots/react-native-tinycard.gif "react-native-tinycard-screenshoty")

### Dependencies

1. [react-native-flip-card](https://github.com/moschan/react-native-flip-card)

### Installation

1. `yarn add react-native-tinycard`

### Usage

```

import React, {Component} from 'react'

import {View} from 'react-native'

import Tinycard from 'react-native-tinycard'

class App extends Component {

    render() {

        

             console.log('Swipped the card. Showing next!')}

            />

        

    }

}

```

### Running the example project

1. Fork and clone the rope

2. `cd react-native-tinycard`

3. Install dependencies: `cd example && yarn`

4. Symlink the source code to get livesync: `npm link ../`

5. Run the project from main dir: `cd .. && yarn start`