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

有相同的错误。我必须删除paddingVertical组件上的<Text>。