Limit maximum size of image in RecommendedSubjectsVerticalGrid to improve performance on ios

Him188 · Him188 · commit b2154f2b8d0a · 2025-04-23T23:51:54.000+01:00
diff --git a/app/shared/ui-exploration/src/commonMain/kotlin/ui/exploration/recommend/RecommendedSubjectsVerticalGrid.kt b/app/shared/ui-exploration/src/commonMain/kotlin/ui/exploration/recommend/RecommendedSubjectsVerticalGrid.kt
@@ -11,6 +11,7 @@ package me.him188.ani.app.ui.exploration.recommend
 
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.sizeIn
 import androidx.compose.foundation.lazy.grid.GridItemSpan
 import androidx.compose.foundation.lazy.grid.LazyGridScope
 import androidx.compose.foundation.lazy.grid.LazyVerticalGrid
@@ -98,6 +99,7 @@ private fun RecommendedSubjectCard(
         onClick = onClick,
         modifier = modifier,
         shape = shape,
+        imageModifier = Modifier.sizeIn(maxWidth = 300.dp, maxHeight = (300f / 9 * 16).dp), // 限制最大宽度, 可以让 iOS 不卡一点
     )
 }
 

Original file line number	Diff line number	Diff line change
`@@ -11,6 +11,7 @@ package me.him188.ani.app.ui.exploration.recommend`
`11`	`11`
`12`	`12`	`import androidx.compose.foundation.layout.Box`
`13`	`13`	`import androidx.compose.foundation.layout.PaddingValues`
	`14`	`+import androidx.compose.foundation.layout.sizeIn`
`14`	`15`	`import androidx.compose.foundation.lazy.grid.GridItemSpan`
`15`	`16`	`import androidx.compose.foundation.lazy.grid.LazyGridScope`
`16`	`17`	`import androidx.compose.foundation.lazy.grid.LazyVerticalGrid`
`@@ -98,6 +99,7 @@ private fun RecommendedSubjectCard(`
`98`	`99`	`onClick = onClick,`
`99`	`100`	`modifier = modifier,`
`100`	`101`	`shape = shape,`
	`102`	`+ imageModifier = Modifier.sizeIn(maxWidth = 300.dp, maxHeight = (300f / 9 * 16).dp), // 限制最大宽度, 可以让 iOS 不卡一点`
`101`	`103`	`)`
`102`	`104`	`}`
`103`	`105`