Hitslop не работает внутри TouchableNativeFeedback с анимацией детей - PullRequest
Новая
       19

Hitslop не работает внутри TouchableNativeFeedback с анимацией детей

0 голосов
/ 28 апреля 2019 
const Overlay = posed.View({
  open: {
    y: 0,
    delayChildren: 300,
    staggerChildren: 300,
    staggerDirection: 1
  },
  closed: { y: '100vh', delay: 300 }
});

const Item = posed.View({
  open: { x: 0, opacity: 1 },
  closed: { x: 100, opacity: 0 }
})

<Overlay pose={isVisible ? 'open' : 'closed'}>
        <Wrapper>
          {
            items.map((item)=> (
              <Item key={item.id} >
                <Card 
                  item={item} 
                  active={active} 
                  length={items.length} 
                  onPress={(id)=>{this.handleSelect(id)}} 
                  />
              </Item> 
            ))
          }
        </Wrapper>
      </Overlay>

Карта 

<TouchableNativeFeedback 
      onPress={()=> onPress(item.id)}
      background={TouchableNativeFeedback.SelectableBackground()}
      hitSlop={{top: 0, bottom: 0, left: 50, right: 50}}
    >
        <TouchableWrapper
          style={{
            height: 150-15*(length>2? length : 1),

          }} 
        >
          <TextWrapper 
            style={{
              color: active===item.id?'#ffffff': '#000000'
            }}
          > 
            {item.title} 
          </TextWrapper>
        </TouchableWrapper>
    </TouchableNativeFeedback>

у меня не работает hitlop внутри TouchableNativeFeedback.Но если я проигнорирую / закомментирую часть оверлея, хит-слип работает правильно.не знаю, почему мой TouchableNativeFeedback не отвечает на нажатие, когда он находится в

$Overlay = posed.View()

github-ссылке пакета: Ссылка заранее спасибо.

...