reactNative的TouchableHighlight组件在absolute的定位的情况下存在点击无反应的情况

2022/09/13 reactNative 共 533 字,约 2 分钟
北城北小北

在rn实际开发中发现 react-native的TouchableHighlight组件在absolute的定位的情况下存在点击无反应的情况 ,解决方案如下

这种情况需要在TouchableHighlight外层包裹一个view,用view去做元素定位,用TouchableHighlight去响应触摸操作,示例代码如下。

注意TouchableHighlight只支持一个子节点(不能没有子节点也不能多于一个)。如果你希望包含多个子组件,可以用一个 View 来包装它们。

<View
        style=
      >
        <TouchableHighlight
          activeOpacity={1}
          underlayColor="rgba(0,0,0,0)"
          onPress={(e) => this.click()}
        >
          <View style=>
            <View style={this.styles().spanLeft}>
              <View style={this.styles().spanRight}></View>
            </View>
          </View>
        </TouchableHighlight>
      </View>

文档信息

Search

    Table of Contents