react-native-swiper-button - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

package.json

 {
   "name": "react-native-swiper-button",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "It is a custom animated swiper button, just like the swipe payment button",
@@ -5,0 +5,0 @@ "main": "index.js",

Readme.md

@@ -12,3 +12,3 @@
 
-### Step 1, run TS listener
+### Step 1, clone repo
 
@@ -15,0 +15,0 @@ After clone this repo, then:

src/swiperButton.js

@@ -14,10 +14,6 @@ import React, {memo, useState} from 'react';
 } from 'react-native-reanimated';
-import styles from './styles';
-import {Colors, Mixins} from '@styles';
-import * as images from '@assets/images';
-import {IconImage} from '@molecules';
-import {SCREEN_WIDTH} from '@styles//mixins';
+import {Dimensions, Image} from 'react-native';
 
-const BUTTON_WIDTH = SCREEN_WIDTH / 1.7;
-const BUTTON_HEIGHT = Mixins.spacing(50);
+const BUTTON_WIDTH = Dimensions.get('window').width / 1.7;
+const BUTTON_HEIGHT = 50;
 const BUTTON_PADDING = 5;
@@ -40,3 +36,3 @@ const SWIPEABLE_DIMENSIONS = BUTTON_HEIGHT - 2 * BUTTON_PADDING;
       setToggled(isToggled);
-      onToggle(isToggled);
+      // onToggle(isToggled);
     }
@@ -90,3 +86,3 @@ };
           [0, BUTTON_WIDTH - SWIPEABLE_DIMENSIONS - BUTTON_PADDING],
-          [Colors.WHITE, '#fff'],
+          ['white', '#fff'],
         ),
@@ -122,3 +118,3 @@ transform: [{translateX: X.value}],
         style={[AnimatedStyles.colorWave, styles.colorWave]}
-        colors={[Colors.TINT, Colors.TINT]}
+        colors={['red', 'red']}
         start={{x: 0.0, y: 0.5}}
@@ -134,7 +130,13 @@ end={{x: 1, y: 0.5}}
         <Animated.View style={[styles.swipeable, AnimatedStyles.swipeable]}>
-          <IconImage source={images.right_arrow} size={Mixins.spacing(25)} />
+          <Image
+            resizeMode="contain"
+            style={{height: 20, width: 20}}
+            source={{
+              uri: 'https://www.shutterstock.com/image-photo/word-demo-appearing-behind-torn-260nw-1782295403.jpg',
+            }}
+          />
         </Animated.View>
       </PanGestureHandler>
       <Animated.Text style={[styles.swipeText, AnimatedStyles.swipeText]}>
-        {title}
+        Click
       </Animated.Text>
@@ -141,0 +143,0 @@ </Animated.View>

Fixed alerts

Deprecated

Maintenance

The maintainer of the package marked it as deprecated. This could indicate that a single version should not be used, or that the package is no longer maintained and any new vulnerabilities will not be fixed.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

6026

increased by21.47%

Number of package files

11

increased by10%

Lines of code

186

increased by30.99%

Number of high maintenance alerts

0

decreased by-100%

No dependency changes