react-native-popup-menu
Advanced tools
Comparing version 0.10.0 to 0.11.0
{ | ||
"name": "react-native-popup-menu", | ||
"version": "0.10.0", | ||
"version": "0.11.0", | ||
"description": "extensible popup/context menu for react native", | ||
@@ -5,0 +5,0 @@ "main": "src/index.js", |
@@ -8,3 +8,3 @@ # react-native-popup-menu | ||
* Simple to use popup/context menu | ||
* Multiple modes: animated, not animated or slide in from bottom | ||
* Multiple modes: animated, not animated, slide in from bottom or popover | ||
* By default opening and closing animations | ||
@@ -17,3 +17,5 @@ * Optional back button handling | ||
![Popup menu demo](./android.demo.gif) | ||
| Context Menu, Slide-in Menu | Popover | | ||
|---|---| | ||
|![Popup menu demo](./android.demo.gif)|![Popup menu demo](./android.demo-popover.gif)| | ||
@@ -20,0 +22,0 @@ ## Installation |
@@ -18,2 +18,3 @@ import React, { Component } from 'react'; | ||
toValue: 1, | ||
useNativeDriver: true, | ||
}).start(resolve); | ||
@@ -28,2 +29,3 @@ }); | ||
toValue: 0, | ||
useNativeDriver: true, | ||
}).start(resolve); | ||
@@ -30,0 +32,0 @@ }); |
@@ -12,4 +12,5 @@ import './polyfills'; | ||
import SlideInMenu from './renderers/SlideInMenu'; | ||
const renderers = { ContextMenu, SlideInMenu, NotAnimatedContextMenu }; | ||
import Popover from './renderers/Popover'; | ||
const renderers = { ContextMenu, SlideInMenu, NotAnimatedContextMenu, Popover }; | ||
export { Menu as default, Menu, MenuContext, MenuOption, MenuOptions, MenuTrigger, renderers }; |
@@ -135,2 +135,5 @@ import React, { Component } from 'react'; | ||
} | ||
Menu.setDefaultRendererProps = (rendererProps) => { | ||
Menu.defaultProps.rendererProps = rendererProps; | ||
} | ||
@@ -140,2 +143,3 @@ Menu.propTypes = { | ||
renderer: PropTypes.func, | ||
rendererProps: PropTypes.object, | ||
onSelect: PropTypes.func, | ||
@@ -150,2 +154,3 @@ onOpen: PropTypes.func, | ||
renderer: ContextMenu, | ||
rendererProps: {}, | ||
onSelect: () => {}, | ||
@@ -152,0 +157,0 @@ onOpen: () => {}, |
@@ -247,3 +247,3 @@ import React, { Component } from 'react'; | ||
const options = instance._getOptions(); | ||
const { renderer } = instance.props; | ||
const { renderer, rendererProps } = instance.props; | ||
const windowLayout = this._ownLayout; | ||
@@ -256,3 +256,3 @@ const { optionsContainerStyle, renderOptionsContainer, customStyles } = options.props; | ||
const layouts = { windowLayout, triggerLayout, optionsLayout }; | ||
const props = { style, onLayout, layouts }; | ||
const props = { ...rendererProps, style, onLayout, layouts }; | ||
const optionsType = isOutside ? MenuOutside : renderer; | ||
@@ -259,0 +259,0 @@ if (!isFunctional(optionsType)) { |
@@ -92,3 +92,2 @@ import React, { Component } from 'react'; | ||
backgroundColor: 'transparent', | ||
flex: 1, | ||
}, | ||
@@ -95,0 +94,0 @@ optionTextDisabled: { |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
180303
27
1369
85