我對(duì) React/React-Native 環(huán)境很陌生，在 Android 上動(dòng)畫方面遇到了一些問(wèn)題。我正在使用反應(yīng)動(dòng)畫來(lái)顯示底部的錯(cuò)誤和警告警報(bào)。問(wèn)題是動(dòng)畫在iOS上工作正常，但只有在我啟用“切換檢查器”后才能在Android上運(yùn)行，如果我不啟用它，動(dòng)畫就不起作用，在調(diào)試器上，我能夠看到組件在React組件結(jié)構(gòu)上。我已經(jīng)嘗試了解決方法，將Anifeed.Value設(shè)置為0.01并將Animale.createAnimatedComponent更改為Anidient.View。動(dòng)畫應(yīng)該在狀態(tài)更改并且可見屬性設(shè)置為TRUE之后發(fā)生，狀態(tài)的更改是可以的，因?yàn)槲铱梢钥吹剿赗eact Native Debbuger上工作，并且slideIn / slideOut函數(shù)正在被useEffect鉤子調(diào)用。我使用的是 React 16.11.0 和 React-Native 0.62.2 版本更新我從組件中刪除了位置：絕對(duì)值，現(xiàn)在我能夠在屏幕頂部看到動(dòng)畫，我嘗試將z索引的值更改為更高的值（我的應(yīng)用程序中沒有任何高于1的z索引），但它不起作用。以下是代碼的主要部分：export const Alert = withTheme(({ theme: { primary, textGray } }) => {  const translateValue = useRef(new Animated.Value(0)).current;  const dispatch = useDispatch();  const {    visible,    data: { type, message }  } = useSelector(({ notification }) => notification);  const slideIn = useCallback(() => {    Animated.timing(translateValue, {      toValue: 1,      duration: 1000,      useNativeDriver: true    }).start();  }, [translateValue]);  const slideOut = useCallback(() => {    Animated.timing(translateValue, {      toValue: 0,      duration: 1000,      useNativeDriver: true    }).start();  }, [translateValue]);  const handleClose = () => {    dispatch(hideNotification());  };  useEffect(() => {    if (visible) {      slideIn();    } else {      slideOut();    }  }, [visible, slideIn, slideOut]);  return (    <Wrapper      style={{        transform: [          {            translateY: translateValue.interpolate({              inputRange: [0, 1],              outputRange: [300, 0]            })          }        ]      }}>      <Content>        <Icon name={icons[type]} size={20} color={primary} />        <Message>{message}</Message>      </Content>      <Button        onPress={handleClose}        accessible        accessibilityRole="button"        accessibilityLabel="Fechar notifica??o">        <Icon size={20} name="x" color={textGray} />      </Button>    </Wrapper>  );});