ホーム>source
画面が反応ネイティブで読み込まれているときに、ボタンにアニメーションを表示するにはどうすればよいですか?

ボタンにアニメーションを適用して、画面に読み込まれたときにその効果を表示したいので、どうぞ私を助けてください。react-nativeでこの機能を実現するにはどうすればよいですか。

あなたの答え
  • 解決した方法 # 1

    このスピナーボタンライブラリを使用して、API応答に応じてフラグを変更します。

  • 解決した方法 # 2

    react-native-animatable の使用  そして react-native-button  ボタンでアニメーションを実現できます。簡単な表現の1つは次のとおりです。

    <前>ウィズウィズ

    ロードが完了したら、isLoadingの状態を設定し、iterationCountを0に設定できます。

  • 解決した方法 # 3

    <前>ウィズウィズ <View style={styles.container}> <Button onPress={this.onPress}> <Animatable.Text animation="pulse" easing="ease-out" iterationCount="infinite" style={{ textAlign: 'center', fontSize: 100 }}> OK </Animatable.Text> </Button> </View>

関連記事

  • 前へ java - JPAクエリ:サブクエリをグループ化条件に結合する
  • 次へ node.js - nodejsでベアラートークンを使用してsocketio認証を実装する方法