React NativeでAnimated.Value to number をしたい

作成: 2021年04月19日

更新: 2021年04月19日

経緯

React NativeのAnimated.Valueをnumber型に変換する必要があったがそのような関数がなくNumber()でもString()でもキャストできない.

const animVal = new Animated.Value(0.1);
console.log(Number(animVal)); //NaN
console.log(String(animVal)); //[object Object]

結論

以下のように行う.

const animVal = new Animated.Value(0.1);
const numVal = Number(JSON.stringify(animVal));
console.log(numVal); //0.1