react-native-steam-card

Demo in android

Getting started

$ npm install react-native-steam-card --save

or

$ yarn add react-native-steam-card

Mostly automatic installation

$ react-native link react-native-steam-card

Usage

import React from 'react';
import type {Node} from 'react';
import { StyleSheet, View } from 'react-native';
import SteamCard from 'react-native-steam-card';

// TODO: What to do with the module?
const App: () => Node = () => {

  return (
    <View style={styles.container}>
      <SteamCard 
        source={require("./asset/island.png")}
        ratio={0.65}
      />
    </View>
  );
};

const styles = StyleSheet.create({
    container: {
      flex: 1,
      alignItems: 'center',
      justifyContent: 'center',
      borderColor: 'rgba(23,41,48,1)',
  },
});

export default App;

Configurable props

| Property | Type | Default | Description | | ---- | ---- | ---- | ---- | | source | ImageSource | Must | Source of image. | | ratio | Number | 0.8 | The scale value of image inside the view when hovering. | | style | View.style | - | Style of image. |