HaneCa

独り立ちへ向けた長い道

styled-componentsのkeyframesを利用できないエラー (React Native)

投稿日: 2019年6月17日

React Nativeでアプリを開発中にアニメーションで動きをつけようとしたところ、styled-componentsには、keyframesというモジュールが用意されていることを発見しました。

結論から言うと、React Nativeではkeyframesを使うことはできません。利用しようとした場合、次のようなエラーが発生します。

(0 , _styledComponents.keyframes) is not a function

styled-componentsでは、この問題について認識されており、React Nativeの場合はkeyframesではなくReact Native自体が用意しているAPIであるAnimatedを利用するようにと書かれてあります。

参考サイト

 

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください