Невозможно использовать события onPress () в Animated.View, для которого задано значение Position: Absolute - React Native

Я сделал прокручиваемый заголовок для приложения, которое создаю для компании. Когда я пытаюсь использовать TouchableHighlight для запуска события onPress (), оно не регистрируется, потому что для ключа позиции установлено значение «absolute»:

Я пробовал следующее после нескольких часов рыскания по Интернету:

-поднятие zIndex / elevation -обеспечение импорта TouchableHighlight из 'react-native' -Анимированная библиотека из 'react-native-reanimated'

Когда я закомментирую position: absolute в основном заголовке, он работает отлично, но заголовок оставляет за собой представление, когда он прокручивается вверх, и я не могу наложить представление поверх него.

Здесь у меня заканчиваются варианты ... любая помощь будет БЛАГОДАРНА!

     <Animated.View style={globalStyles.tabNavbar}>
          <TouchableHighlight
              style={{backgroundColor: 'white', height: 50, width: 100, zIndex: 99999, elevation: 99999}}
              underlayColor="#eee"
              onPress={() => {
                  console.log('PLZ WORK');
                  this.updateTabs('projectsTab');
          }}  >
              <Animated.View style={{ alignItems: 'center'}}>
                  <Text  onPress={() => { this.updateTabs('projectsTab');}} style={{fontWeight: 'bold'}}>Close</Text>
              </Animated.View>
          </TouchableHighlight>
          <TouchableHighlight
              style={{color: 'white'}}
              underlayColor="#eee"
              onPress={() => {
                  console.log('PLZ WORK');
                  this.updateTabs('notificationTab');
          }}  >
              <View style={{alignItems: 'center'}}>
                  <Text style={{fontWeight: 'bold'}}>Close</Text>
              </View>
          </TouchableHighlight>
      </Animated.View>


react-native css-position touchableopacity react-native-reanimated touchablehighlight
person D'errah Richardson    schedule 05.10.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Для тех, кто задается вопросом: если вы измените порядок просмотра компонентов на то, где компонент с position: absolute является последним, кнопки будут работать. В этой ситуации мне пришлось разместить заголовок последним по порядку, даже если он отображается в верхней части экрана.

person D'errah Richardson    schedule 09.10.2020