Question

如何在一个CardMedia中包含多张图像？还是有可能做到这一点？

也许是一个封面，而另一个是一组小的图像。

yourButton.setOnTouchListener((v, event) -> {
        switch (event.getAction()){
            case MotionEvent.ACTION_DOWN:
                play();
                break;

            case MotionEvent.ACTION_UP:
                stop();
                break;

        }
        return false;
    });

Answer 1

不幸的是，根据他们的官方API文档，这是不可能的。

您可以做的是作为组件道具，而不是将img作为道具传递，而可以传递一个可以调用此组件的函数（API说可以做到）：https://material-ui.com/demos/steppers/#mobile-stepper-text-with-carousel-effect

它不会完全满足您的要求，但可能确实非常相似。

Answer 2

这对我来说很好

const useStyles = makeStyles((theme) => ({
   media: {
    paddingTop: "100%",
    backgroundImage: "url(//cdn.shopify.com/s/files/1/0436/7482/8957/products/p1_large.jpg?v=1597924393)",
    backgroundSize: "cover",
    backgroundPosition: "center",
    transition: "0.5s ease",
    "&:hover": {
        backgroundImage: "url(//cdn.shopify.com/s/files/1/0436/7482/8957/products/p3_1415dff1-c937-4300-9eaf-38d1e12a0581_large.jpg?v=1597924399)",
    },
},

不要忘记const classes = useStyles() 然后在 CardMedia

中添加媒体类

<CardMedia
    className={classes.media}
/>

CardMedia ReactJs中的多个图像

2 个答案: