react-native-toast-message 2.2.0 → 2.2.1

package/lib/src/components/BaseToast.js

@@ -1,10 +1,9 @@
 import React from 'react';
-import { Text, View } from 'react-native';
+import { Text, View, TouchableOpacity } from 'react-native';
 import { getTestId } from '../utils/test-id';
 import { styles } from './BaseToast.styles';
-import { Touchable } from './Touchable';
-export function BaseToast({ text1, text2, onPress, activeOpacity, style, touchableContainerProps, contentContainerStyle, contentContainerProps, text1Style, text1NumberOfLines = 1, text1Props, text2Style, text2NumberOfLines = 1, text2Props, renderLeadingIcon, renderTrailingIcon }) {
-    return (<Touchable testID={getTestId('TouchableContainer')} onPress={onPress} activeOpacity={activeOpacity} style={[styles.base, styles.leadingBorder, style]} {...touchableContainerProps}>
+export function BaseToast({ text1, text2, onPress, activeOpacity = 1, style, touchableContainerProps, contentContainerStyle, contentContainerProps, text1Style, text1NumberOfLines = 1, text1Props, text2Style, text2NumberOfLines = 1, text2Props, renderLeadingIcon, renderTrailingIcon }) {
+    return (<TouchableOpacity testID={getTestId('TouchableContainer')} onPress={onPress} activeOpacity={activeOpacity} style={[styles.base, styles.leadingBorder, style]} {...touchableContainerProps}>
       {renderLeadingIcon && renderLeadingIcon()}
       <View testID={getTestId('ContentContainer')} style={[styles.contentContainer, contentContainerStyle]} {...contentContainerProps}>
         {(text1?.length ?? 0) > 0 && (<Text testID={getTestId('Text1')} style={[styles.text1, text1Style]} numberOfLines={text1NumberOfLines} ellipsizeMode='tail' {...text1Props}>
@@ -15,5 +14,5 @@ export function BaseToast({ text1, text2, onPress, activeOpacity, style, touchab
           </Text>)}
       </View>
       {renderTrailingIcon && renderTrailingIcon()}
-    </Touchable>);
+    </TouchableOpacity>);
 }

package/lib/src/hooks/useSlideAnimation.js

@@ -9,7 +9,10 @@ export function translateYOutputRangeFor({ position, height, topOffset, bottomOf
     const outputRange = position === 'bottom' ? additiveInverseArray(range) : range;
     return outputRange;
 }
-const useNativeDriver = Platform.select({ native: true, default: false });
+const useNativeDriver = Platform.select({
+    ios: true,
+    default: false
+});
 export function useSlideAnimation({ position, height, topOffset, bottomOffset, keyboardOffset }) {
     const animatedValue = React.useRef(new Animated.Value(0));
     const { keyboardHeight } = useKeyboard();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-toast-message",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "Toast message component for React Native",
   "main": "./lib/index.js",
   "types": "./lib/index.d.ts",

package/lib/src/components/Touchable.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { TouchableOpacityProps } from 'react-native';
-import { ReactChildren } from '../types';
-declare type TouchableProps = {
-    children: ReactChildren;
-} & TouchableOpacityProps;
-export declare function Touchable({ children, activeOpacity, ...rest }: TouchableProps): JSX.Element;
-export {};

package/lib/src/components/Touchable.js

@@ -1,7 +0,0 @@
-import React from 'react';
-import { TouchableOpacity } from 'react-native';
-export function Touchable({ children, activeOpacity = 1, ...rest }) {
-    return (<TouchableOpacity activeOpacity={activeOpacity} {...rest}>
-      {children}
-    </TouchableOpacity>);
-}