如何在JetPack组成中将图像从一个合成功能传递到另一个函数？

Question

我正在开发一个带有文本和图像的应用程序。图像在一个可复合的（活动）上与文本旁边看起来很小，例如缩略图。这个想法是：当用户触摸（单击）图像时，导航组件将用户带到另一个合并（活动）中的图像的全屏幕版本。有可能吗？如果是，怎么样？提前致谢。

Answer 1

您应该传递某些内容以识别图像，而不是传递图像本身。例如：

• 如果您是从资源文件夹加载图像，则应传递资源ID（即r.drawable.your_image）;
• 如果您使用资产文件夹或某些远程URL，则应通过Image uri（即/path_in_assets/your_image或> https://foo.bar/your_image）。

然后，从“ ListActivity”中，您可以使用Intent Extras将图像ID传递给下一个活动。

startActivity(
    Intent(context, DetailsActivity::class.java).apply {
        putExtra("imageId", yourImageId) // resource ID or image URL
    }
)

在“详细信息”中，在ongreate方法的内部，您将获得图像ID并正确加载它...

class DetailsActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        // for uri ID
        val imageId = intent.getStringExtra("imageId")
        // for resource ID
        val imageId = intent.getIntExtra("imageId", -1)

        setContent {
            YourAppTheme {
                YourScreen(imageId)
            }
        }
    }
}

最后，在合并中，您可以使用以下方式加载基于资源ID的图像：

Image(painter = painterResource(id = imageId), contentDescription = null)

或使用< a href =“ https://coil-kt.github.io/coil/compose/”

Image(painter = rememberAsyncImagePainter(imageId), contentDescription = null)