remove another draft of swipeable component

Author: latekvo

example/App.tsx

@@ -29,7 +29,6 @@ import {
   TouchablesIndex,
   TouchableExample,
 } from './src/release_tests/touchables';
-import Rows from './src/release_tests/rows';
 import NestedFling from './src/release_tests/nestedFling';
 import MouseButtons from './src/release_tests/mouseButtons';
 import ContextMenu from './src/release_tests/contextMenu';
@@ -178,7 +177,6 @@ const EXAMPLES: ExamplesSection[] = [
       },
       { name: 'Double pinch & rotate', component: DoublePinchRotate },
       { name: 'Double draggable', component: DoubleDraggable },
-      { name: 'Rows', component: Rows },
       { name: 'Nested Fling', component: NestedFling },
       {
         name: 'Combo',

example/src/release_tests/combo/index.tsx

@@ -7,6 +7,7 @@ import {
   View,
   Alert,
   TouchableHighlightProps as RNTouchableHighlightProps,
+  Button,
 } from 'react-native';
 
 import {
@@ -21,7 +22,8 @@ import {
 } from 'react-native-gesture-handler';
 import Slider from '@react-native-community/slider';
 
-import { Swipeable, InfoButton } from '../rows';
+import Swipeable from 'react-native-gesture-handler/ReanimatedSwipeable';
+
 import { DraggableBox } from '../../basic/draggable';
 import { PinchableBox } from '../../recipes/scaleAndRotate';
 import { PressBox } from '../../basic/multitap';
@@ -174,41 +176,14 @@ class Combo extends Component<ComboProps> {
               <RectButton
                 style={styles.rectButton}
                 onPress={() => Alert.alert('First row clicked')}>
-                <Text style={styles.buttonText}>
-                  Swipe this row & observe highlight delay
-                </Text>
-                {/* Info icon will cancel when you scroll in the direction of the scrollview
-                  but if you move finger horizontally it would allow you to "re-enter" into
-                  an active state. This is typical for most of the buttons on iOS (but not
-                  on Android where the touch cancels as soon as you leave the area of the
-                  button). */}
-                <InfoButton name="first" />
+                <Button title="first" />
               </RectButton>
             </Swipeable>
             <View style={styles.buttonDelimiter} />
             <RectButton
               style={styles.rectButton}
               onPress={() => Alert.alert('Second row clicked')}>
-              <Text style={styles.buttonText}>
-                Second info icon will block scrolling
-              </Text>
-              {/* Info icon will block interaction with other gesture handlers including
-                  the scrollview handler its a descendant of. This is typical for buttons
-                  embedded in a scrollable content on iOS. */}
-              <InfoButton disallowInterruption name="second" />
-            </RectButton>
-            <View style={styles.buttonDelimiter} />
-            <RectButton
-              style={styles.rectButton}
-              onPress={() => Alert.alert('Third row clicked')}>
-              <Text style={styles.buttonText}>
-                This one will cancel when you drag outside
-              </Text>
-              {/* Info icon will cancel when you drag your finger outside of its bounds and
-                  then back unlike all the previous icons that would activate when you re-enter
-                  their activation area. This is a typical bahaviour for android but less frequent
-                  for most of the iOS native apps. */}
-              <InfoButton shouldCancelWhenOutside name="third" />
+              <Button title="second" />
             </RectButton>
           </View>
           <LoremIpsum />