これは、react-native-animatable という名前の Linux アプリで、最新リリースは 1.3.3.tar.gz としてダウンロードできます。 ワークステーション用の無料ホスティング プロバイダー OnWorks でオンラインで実行できます。
OnWorksでreact-native-animatableという名前のこのアプリを無料でダウンロードしてオンラインで実行します。
このアプリを実行するには、次の手順に従ってください。
-1。このアプリケーションをPCにダウンロードしました。
--2。ファイルマネージャーhttps://www.onworks.net/myfiles.php?username=XXXXXに必要なユーザー名を入力します。
-3。このアプリケーションをそのようなファイルマネージャにアップロードします。
-4。このWebサイトからOnWorksLinuxオンラインまたはWindowsオンラインエミュレーターまたはMACOSオンラインエミュレーターを起動します。
-5。起動したばかりのOnWorksLinux OSから、必要なユーザー名でファイルマネージャーhttps://www.onworks.net/myfiles.php?username=XXXXXにアクセスします。
-6。アプリケーションをダウンロードし、インストールして実行します。
スクリーンショットは
Ad
反応ネイティブアニメーション可能
DESCRIPTION
ReactNativeの宣言型トランジションとアニメーション。 アニメーション化するには、Animated.createAnimatedComponentに似たcreateAnimatableComponentコンポーザーを使用する必要があります。 共通のコンポーネントであるView、Text、およびImageは、アニメーション化可能な名前空間で事前に作成および公開されています。 アニメーション化する独自のコンポーネントがある場合は、単にAnimatable.Viewでラップします。 ループアニメーションを作成するには、iterationCountを無限に設定するだけです。 アテンションシーカーを除くほとんどのアニメーションは、方向を交互に設定するときに最適に機能します。 独自に選択したスタイルプロパティの独自の単純なトランジションを作成できます。 次の例では、タップごとにフォントサイズが5ずつ大きくなり、すべてアニメーション化され、すべて宣言型になります。 durationプロパティを指定しない場合、春のアニメーションが使用されます。 トランジションには、React Native0.15以降で使用可能なStyleSheet.flattenが必要です。 それより低いもので実行している場合は、必須の使用法で説明されているようにポリフィルしてください。
特徴
- すべてのアニメーションは、アニメーション化可能な要素の関数として公開されます
- アニメーションは、アニメーションが正常に完了するかキャンセルされたときに解決されるpromiseを返します
- 進行中のアニメーションを停止するには、その要素でstopAnimation()を呼び出すだけです。
- カスタムアニメーションの要素でanimate()関数を使用して、必須のアニメーションを作成することもできます。
- アニメーションは、グローバル名または定義オブジェクトで参照できます
- 複数のスタイルを組み合わせてズームアウトアニメーションを作成します
プログラミング言語
JavaScriptを
これは、https://sourceforge.net/projects/react-native-animatable.mirror/からも取得できるアプリケーションです。 無料のオペレーティングシステムのXNUMXつから最も簡単な方法でオンラインで実行するために、OnWorksでホストされています。