TouchableOpacity 使整个屏幕在本机反应中可触摸

Question

下面的代码使除可触摸按钮以外的整个屏幕都可点击，如何停止它并仅使按钮可点击。谢谢。

<View style={styles.slide3}>
          <Text >And simple</Text>
          <View>
            <TouchableOpacity
                onPress= {() => this.handleStart(this.props.history)}
         //       hitSlop={{top: 1, bottom: 1, left: 1, right: 1}}
            >
              <Text >Start</Text>
            </TouchableOpacity>
          </View>
        </View>

我的style定义为：

var style = {
  slide3: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#92BBD9',
  }
}

Answer 1

只需将 <View style={styles.slide3}> 替换为 <View style={style.slide3}>

Answer 2

有同样的错误。我不得不删除 <Text> 组件上的 paddingVertical。

TouchableOpacity 使整个屏幕在本机反应中可触摸

TouchableOpacity making the whole screen touchable in react native

react-native

touchableopacity