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>.