Integrate zindexed view below desired view. The zindexed view will appear to be as a popover component.
npm install react-native-zindex-viewsGetting started
Installation command:
npm install react-native-zindex-views --save
----------
----------
Usage
import ArrowComponent from 'react-native-zindex-views'
render()
{
var displayArea = {x: 5, y: 20, width: fullViewWidth - 10, height: fullViewHeight - 25};
return (
contentSize = {this.state.contentSize}
belowWhichViewDimensions = {this.state.belowWhichViewDimensions}
displayArea={displayArea}>
width: 12,
height: 12,
backgroundColor: 'transparent',
borderStyle: 'solid',
borderLeftWidth: 6,
borderRightWidth: 6,
borderBottomWidth: 6,
borderLeftColor: 'transparent',
borderRightColor: 'transparent',
borderBottomColor: 'black',
borderTopColor: 'transparent',
}} />
)
}
----------
Properties
| Name | Type |
| ------------- |:-------------:|
| isvisible | PropTypes.bool|
| contentSize | PropTypes.object |
| belowWhichViewDimensions | PropTypes.object |
| displayArea | PropTypes.object |
----------
Author
Anoop Singh (codesingh)
Email: anoop100singh@gmail.com
Stack Overflow: codesingh(username)
----------
License
MIT