useAnimatedStyle

イメージとしてはこういう風に書きたい

code:NG(tsx)

<Animated.View style={{ width: width += 50 }} />

↑のようにはかけないので、

代わりに、useAnimatedStyleを使って以下のように書く

code:ts

export default function App() {

const translateX = useSharedValue<number>(0);

const handlePress = () => {

translateX.value += 50;

};

const animatedStyles = useAnimatedStyle(() => ({

}));

return (

<>

<View style={styles.container}>

<Button onPress={handlePress} title="Click me" />

</View>

</>

);