react-native-popover-typescript

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	-

License

MIT License. © Alexey Gerasimov, 2019.