図形を heavyに 揺れ動かす（withSpring) App.js import { StatusBar } from 'expo-status-bar'; import { StyleSheet, Text, View, Button } from 'react-native'; import Animated, { useSharedValue, useAnimatedStyle, withSpring} from 'react-native-r…

withSpringを使用する App.js import { StatusBar } from 'expo-status-bar'; import { StyleSheet, Text, View, Button } from 'react-native'; import Animated, { useSharedValue, useAnimatedStyle, withSpring} from 'react-native-reanimated'; export…

withTimingを使って、円の拡大に『時間』をつける まずは、withTimingをつけるだけ。 App.js import { StatusBar } from 'expo-status-bar'; import { StyleSheet, Text, View, Button } from 'react-native'; import Animated, { useSharedValue, useAnimat…

円を表示し、拡大する App.js import { StatusBar } from 'expo-status-bar'; import { StyleSheet, Text, View, Button } from 'react-native'; import Animated, { useSharedValue, useAnimatedProps, useAnimatedStyle, withTiming} from 'react-native-r…

円を表示する react-native-svgライブラリを合わせて使用します。 App.js import { StatusBar } from 'expo-status-bar'; import { StyleSheet, Text, View } from 'react-native'; import Animated, { useSharedValue } from 'react-native-reanimated'; im…

図形を徐々に拡大 App.js import { StatusBar } from 'expo-status-bar'; import { StyleSheet, Text, View, Button } from 'react-native'; import Animated, {useSharedValue} from 'react-native-reanimated'; export default function App() { const wid…

図形が移動するアニメーションを付けます。 App.js import { StatusBar } from 'expo-status-bar'; import { StyleSheet, Text, View, Button } from 'react-native'; import Animated, { useSharedValue, useAnimatedStyle, withSpring} from 'react-native…