rn-swipe-up-down/src/components/SwipeIcon/index.js

Swipe Up Down component with icon color

import React, { Component } from 'react';
import { Image, View, Animated } from 'react-native';
import images from '@assets/images';

export default class SwipeIcon extends Component {
  constructor(props) {
    super(props);
    this.state = {
      icon: images.minus,
      showIcon: false
    };
  }
  componentDidMount() {
    this.props.hasRef && this.props.hasRef(this);
  }

  toggleShowHide(val) {
    this.setState({ showIcon: val });
  }

  render() {
    const { icon, showIcon } = this.state;
    return (
      <View style={{ alignItems: 'center', height: 10, marginBottom: 5 }}>
        {showIcon && (
          <Image
            source={icon}
            style={{ width: 35, height: icon === images.minus || icon === images.minus_black ? 5 : 10 }}
          />
        )}
      </View>
    );
  }
}