NativescriptのCSSアニメーションは、CSSアニメーションでページに移動するとき、{N} v3の</p> <p><a href="https://i.stack.imgur.com/E89lO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/E89lO.png" alt="enter image description here"></a></p> <p>に私のアプリをアップグレードした後、私が使用している

Question

をV3に更新した後、私は次のエラーを取得しています動作を停止しました次のコード：

HTML：

<DockLayout flexDirection="row" class="actionText" backgroundColor="#E1E1E1" stretchLastChild="true" minHeight="65"> 
        <Label (tap)="navigate()" dock="left" [text]="'ion-location'| fonticon" class="ion x-large c-white faa-bounce" textAlignment="center" width="65" style="text-align: center; vertical-align: center;"></Label> 
        <Label [text]="address" textWrap="true" ></Label> 
       </DockLayout> 

のCss：

@keyframes bounce { 
    0%,10%,20%,50%,80%{transform:translateY(0)} 
    40%{transform:translateY(-15px)} 
    60%{transform:translateY(-15px)} 
} 


.faa-bounce { 
    animation-name: bounce; 
    animation-duration: 2s; 
    animation-iteration-count: 3; 
    animation-timing-function: ease; 
} 

Answer 1

probelmは、私は以下のようにそれを固定

@keyframes pulse { 
    0% {transform: scale(1.1)} 
    50% {transform: scale(0.8)} 
    100% {transform: scale(1)} 
} 


.faa-pulse { 
    animation-name: pulse; 
    animation-duration: 2s; 
    animation-iteration-count: 3; 
    animation-timing-function: ease; 
} 

このCSSアニメーションのために発生します。

@keyframes pulse { 
    0% {transform: scale(1.1, 1.1)} 
    50% {transform: scale(0.8, 0.8)} 
    100% {transform: scale(1, 1)} 
} 

Answer 2

破壊の変更文書によると：

変更方法keyframeAnimationFromInfo（情報：KeyframeAnimationInfo、valueSourceModifier：番号）：KeyframeAnimation.keyframeAnimationFromInfoにKeyframeAnimation（情報：KeyframeAnimationInfo）：KeyframeAnimation。 ValueSourceはもう必要ありません。

https://github.com/NativeScript/NativeScript/blob/master/Modules30Changes.md