react-native-beautiful-video-recorder/lib/RecordingButton/index.js

react-native-beautiful-video-recorder ===

import React, { Component } from 'react';
import {
  TouchableOpacity,
  View,
  LayoutAnimation,
} from 'react-native';
import PropTypes from 'prop-types'
import styles from './style';

export default class RecordingButton extends Component {

  static propTypes = {
    isRecording: PropTypes.bool,
    onStartPress: PropTypes.func,
    onStopPress: PropTypes.func,
    style: PropTypes.oneOfType([PropTypes.number, PropTypes.object, PropTypes.array]),
  }

  renderRecording() {
    return (
      <TouchableOpacity onPress={this.props.onStopPress}
        style={[styles.buttonContainer, styles.buttonStopContainer, this.props.style]}>
        <View style={styles.buttonStop}></View>
      </TouchableOpacity>
    );
  }

  renderWaiting() {
    return (
      <TouchableOpacity onPress={this.props.onStartPress} style={[styles.buttonContainer, this.props.style]}>
        <View style={styles.circleInside}></View>
      </TouchableOpacity>
    );
  }

  render() {
    if (this.props.isRecording) {
      return this.renderRecording();
    }
    return this.renderWaiting();
  }
}