react-native-share/components/Sheet.js

Social share, sending simple data to other apps.

// @flow

import * as React from 'react';
import { Animated } from 'react-native';

const DEFAULT_BOTTOM = -300;
const DEFAULT_ANIMATE_TIME = 300;

type Props = {
  children: React.Node,
  visible: boolean,
};

type State = {
  bottom: Object,
};

export default class extends React.Component<Props, State> {
  state = {
    bottom: new Animated.Value(DEFAULT_BOTTOM),
  };

  UNSAFE_componentWillReceiveProps(newProps: Props) {
    return Animated.timing(this.state.bottom, {
      toValue: newProps.visible ? 0 : DEFAULT_BOTTOM,
      duration: DEFAULT_ANIMATE_TIME,
      useNativeDriver: false,
    }).start();
  }

  render() {
    return (
      <Animated.View style={{ bottom: this.state.bottom }}>{this.props.children}</Animated.View>
    );
  }
}