@sishuguojixuefu/react-native-float-ball

floatBall with PanResponder

Usage no npm install needed!

<script type="module">
  import sishuguojixuefuReactNativeFloatBall from 'https://cdn.skypack.dev/@sishuguojixuefu/react-native-float-ball';
</script>

README

react-native-float-ball

安装

$ yarn add @sishuguojixuefu/react-native-float-ball

基本使用

import FloatBall from '@sishuguojixuefu/react-native-float-ball'
<FloatBall
  onPress={() => {
    alert('点击了球')
  }}
/>

Props

prop 描述
onPress 球的点击事件
onLongPress 球的长按事件
onDoublePress 球的双击事件
ballSize 球的尺寸，默认 50
left 球初始距离左边的位置，默认 0
top 球初始距离顶部的位置，默认 0
keepToTheSide 是否靠边，默认 true
customBall 自定义球

参考链接