lxooxl / react-native-lyhud Goto Github PK

<View ref="container" pointerEvents= {this.props.backgroundTouchable ? 'none':'auto'} style={[styles.container, {paddingTop: this.props.positionValue}]}> <Animated.View style={[styles.content, { opacity: this.state.opacityValue }, this.props.style]} > {hud} {this.state.text != '' ?<Text numberOfLines={20} style={this.props.textStyle} allowFontScaling={false}>{this.state.text}</Text> : null} </Animated.View> </View> : null;

我在安卓系统下，查看Toggle Inspector发现你上面返回的这个View的大小全变为0了。弹出的提示框也会随着键盘弹出和消失而改变位置。

看了下 backgroundTouchable 的用法，他只能保证 HUD 的容器View在提示过程中没有交互. 如何才能保证当前组件（页面）的最底层view 禁用交互呢？

let view = this.state.isShow ?
            <View ref="container" pointerEvents= {this.props.backgroundTouchable ? 'none':'auto'} style={[styles.container, {paddingTop: this.props.positionValue}]}>
                <Animated.View
                    style={[styles.content, { opacity: this.state.opacityValue }, this.props.style]}
                >
                    {hud}
                    {this.state.text != '' ?<Text numberOfLines={20} style={this.props.textStyle}>{this.state.text}</Text> : null}
                </Animated.View>
            </View> : null;
        return view;