diff --git a/react/features/base/react/components/native/Button.js b/react/features/base/react/components/native/Button.js new file mode 100644 index 000000000..ebcb90738 --- /dev/null +++ b/react/features/base/react/components/native/Button.js @@ -0,0 +1,44 @@ +/* @flow */ + +import React, { Component } from 'react'; +import { Text, TouchableOpacity } from 'react-native'; + +type Props = { + + /** + * React Elements to display within the component. + */ + children: React$Node | Object, + + /** + * Handler called when the user presses the button. + */ + onValueChange: Function, + + /** + * The component's external style. + */ + style: Object +}; + +/** + * Renders a button. + */ +export default class ButtonImpl extends Component { + /** + * Implements React's {@link Component#render()}, renders the button. + * + * @inheritdoc + * @returns {ReactElement} + */ + render() { + return ( + + + { this.props.children } + + + ); + } +} diff --git a/react/features/base/react/components/native/index.js b/react/features/base/react/components/native/index.js index 69f7cf0b3..5c6433a68 100644 --- a/react/features/base/react/components/native/index.js +++ b/react/features/base/react/components/native/index.js @@ -2,6 +2,7 @@ export { default as AvatarListItem } from './AvatarListItem'; export { default as BaseIndicator } from './BaseIndicator'; +export { default as Button } from './Button'; export { default as Container } from './Container'; export { default as Image } from './Image'; export { default as Link } from './Link';