如何修复React Native中的“Transform with key of translateY must be a number”错误？

Question

我正在尝试使用转换属性正确放置元素， 但每当我给出百分比值时，它都会给我一个错误

如何解决这个问题？

这是我的代码

import { Animated,Image,View} from "react-native";

<Animated.View
                style={{
                  position: "absolute",
                  right: 20,
                  top: "50%",
                  transform: [{ translateY: "-50%" }],
                }}
              >
                {captchaImage && (
                  <Image
                    source={{ uri: captchaImage }}
                    style={{
                      width: 50,
                      height: 24,
                      resizeMode: "contain",
                    }}
                  />
                )}
              </Animated.View>

下面附有模拟器的屏幕截图。 有人遇到过类似的问题吗？

Answer 1

TranslateY 不能是字符串。让它成为一个数字。

https://reactnative.dev/docs/transforms