分类导航

程序问答发布时间：2022-06-01 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了反应原生滑动手势，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决反应原生滑动手势？

开发过程中遇到反应原生滑动手势的问题如何解决？下面主要结合日常开发的经验，给出你关于反应原生滑动手势的解决方法建议，希望对你解决反应原生滑动手势有所启发或帮助；

我是本机反应的新手，正在尝试学习滑动手势。

想法：我的项目是一个基于电影的应用程序，它从数据库中随机选择一部电影，您应该能够向右或向左滑动以渲染新电影。

问题：我似乎不知道应该如何渲染一部新电影。这是我的电影组件。

const MovIE = () => {

  const [movIE,setMovIE] = useState({});

  useEffect(() => {
    const fetchMovIE = async () => {
      return fetch(`${uris.fetchtopRated}`)
        .then((res) => res.Json())
        .then((data) => {
          const movIEs = data.results;
          setMovIE(movIEs[Math.floor(Math.random() * movIEs.length)]);
        })
        .catch((error) => alert(error));
    };
    fetchMovIE();
  },[uris.fetchtopRated]);

  return (
    <Animated.VIEw
      style={{
        justifyContent: "center",alignItems: "center",}}
    >
      <Animated.Image
        style={{
          margin: 20,wIDth: 350,height: 600,}}
        source={{
          uri: `${image_base_url}${movIE.poster_path}`,}}
      />
      <Animated.Text>{movIE.Title}</Animated.Text>
      <Animated.Text>{movIE.overvIEw}</Animated.Text>
    </Animated.VIEw>
  );
};

export default MovIE;

这是我的父组件，它应该渲染带有可滑动组件的电影组件。

const MovIEScreen = () => {
  const onleftAction = () => {
    return <MovIE />;
  };

  const onRightAction = () => {
    return <MovIE />;
  };

  return (
    <Swipeable
      renderleftActions={onleftAction}
      renderRightActions={onRightAction}
    >
      <MovIE />
    </Swipeable>
  );
};

export default MovIEScreen;

我想要做的是在向右或向左滑动时重新渲染电影组件。

我试过这个作为测试，但它似乎不是正确的方法。