React-native-popover-typescript NPM

React Native Popover (typescript)

Install

npm install --save react-native-popover-typescript

or

yarn add react-native-popover-typescript

Usage example

import React from 'react';
import {View, Text, Image} from 'react-native';
import Popover from 'react-native-popover-typescript';

class App extends React.PureComponent {
	options: [{
		title: 'Option 1',
		id: 0,
		icon: <Image
			style={{width: 18, height: 18}}
			source={{uri: 'https://facebook.github.io/react-native/docs/assets/favicon.png'}}
		/>,
		isStripped: false,
		onSelect: (value: {title: string}) => console.log(value.title),
	}, {
		title: 'Option 2',
		id: 1,
		icon: null,
		isStripped: false,
		onSelect: (value: {title: string}) => console.log(value.title),
	}],

	onHidden = () => console.log('i\'m hidden now!');

	render() {
		<Popover
			options={this.options}
			onHidden={this.onHidden}
		>
			<YourComponentToWrapping />
		</Popover>
	}
}

export default App;

Popover

Properties

name	description	type	default
options	Components which you wrapping (required)	Node	[]
children	Button component (required)	Node	-
style	Popover style	Style	-
onHidden	Callback when popover has become hidden	Function	-