diff --git a/components/Overlay/OverlayPopoverView.js b/components/Overlay/OverlayPopoverView.js index 1fe2595..16fa75d 100644 --- a/components/Overlay/OverlayPopoverView.js +++ b/components/Overlay/OverlayPopoverView.js @@ -74,7 +74,7 @@ export default class OverlayPopoverView extends OverlayView { default: arrow = 'top'; break; } } - popoverStyle = [].concat(popoverStyle).concat({position: 'absolute', left: 0, top: 0, opacity: 0}); + popoverStyle = [].concat(popoverStyle).concat({position: 'absolute', left: 0, top: 0}); this.props = {popoverStyle, direction, showArrow, arrow, ...others}; return; } @@ -182,12 +182,20 @@ export default class OverlayPopoverView extends OverlayView { renderContent() { let {popoverStyle, arrow, paddingCorner, children} = this.props; + + //in react native 0.49, this.props will not reset at rerender, then move opacity=0 to here + let {popoverWidth, popoverHeight} = this.state; + if (popoverWidth === null || popoverHeight === null) { + popoverStyle = popoverStyle.concat({opacity: 0}); + } + return ( this.onPopoverLayout(e)}> + onLayout={(e) => this.onPopoverLayout(e)} + > {children} ); diff --git a/package.json b/package.json index ae377a7..d277dd5 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "teaset", - "version": "0.4.2", + "version": "0.4.3", "description": "A UI library for react native.", "main": "index.js", "scripts": {