Как использовать response-router и иметь разные типы анимаций (или их нет) с response-transition-group - PullRequest
Новая
       25

Как использовать response-router и иметь разные типы анимаций (или их нет) с response-transition-group

0 голосов
/ 22 января 2019

Я использовал собственный пример анимации в React Router в качестве отправной точки и получил простую, постоянно появляющуюся анимацию.

Проблема в том, что установка слишком упрощена, и мне требуется что-либо от отсутствия перехода к произвольному количеству переходов (скажем, движение влево и вправо, репликация переходов приложений IOS).

Как только я начинаю настраивать exit и enter реквизиты TransitionGroup, и меняю classNames из CSSTransition вещей, которые ломаются, и ничто не работает так, как будто возиться с уже существующимиэлементы и создание множества конфигураций (я пытался переместить реквизиты exit и enter на CSSTransition безрезультатно): 

<Route render={({ location }) => {
    let direction = location.state ? location.state.direction : null
    let doAnimation = !!direction 

    // direction = the type of animation to use, if null = no animation

    return (
        <TransitionGroup enter={doAnimation} exit={doAnimation} >
            <CSSTransition 
                key={location.key} 
                classNames={direction || "none"} 
                timeout={500}> 
                <Switch  
                    location={location}>
                    {routes}
                </Switch> 
            </CSSTransition>
        </TransitionGroup> 
    )
}} />

Есть ли способ управления анимацией, подобной этой, возможно,отключить их всех вместе?Если нет, существует ли анимация / библиотека, обеспечивающая встроенное приложение, такое как навигация и переходы для приложения браузера?

...