React-Native 实现，Steam集换式卡牌悬浮特效

最新推荐文章于 2024-04-27 09:37:35 发布

殇尘

最新推荐文章于 2024-04-27 09:37:35 发布

阅读量563

点赞数

文章标签： react native

本文链接：https://blog.csdn.net/qq_34727886/article/details/115921700

版权

演示图

在这里插入图片描述

安装

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

或

$ yarn add react-native-steam-card

项目地址

Github.

使用实例

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;