jiti-meet/react/features/app-settings/components/BackButton.native.js

51 lines
1.1 KiB
JavaScript

// @flow
import React, { Component } from 'react';
import { TouchableOpacity } from 'react-native';
import { Icon } from '../../base/font-icons';
import styles from './styles';
/**
* The type of the React {@code Component} props of {@link BackButton}
*/
type Props = {
/**
* The action to be performed when the button is pressed.
*/
onPress: Function,
/**
* An external style object passed to the component.
*/
style: Object
};
/**
* A component rendering a back button.
*/
export default class BackButton extends Component<Props> {
/**
* Implements React's {@link Component#render()}, renders the button.
*
* @inheritdoc
* @returns {ReactElement}
*/
render() {
return (
<TouchableOpacity
accessibilityLabel = { 'Back' }
onPress = { this.props.onPress }>
<Icon
name = { 'arrow_back' }
style = { [
styles.backIcon,
this.props.style
] } />
</TouchableOpacity>
);
}
}