{"id":820,"date":"2025-08-05T12:56:48","date_gmt":"2025-08-05T12:56:48","guid":{"rendered":"https:\/\/boochlin.com\/?p=820"},"modified":"2025-08-05T12:56:48","modified_gmt":"2025-08-05T12:56:48","slug":"immutable-stable-%e5%a6%82%e6%9e%9c-immutablelist-%e5%85%a7%e5%8c%85%e5%90%ab-list-%ef%bc%8e%e9%80%99%e6%a8%a3%e6%9c%83%e9%80%a0%e6%88%90-recompstion-%e5%97%8e%ef%bc%9f","status":"publish","type":"post","link":"https:\/\/boochlin.com\/?p=820","title":{"rendered":"@Immutable @Stable \u5982\u679c immutableList \u5167\u5305\u542b list \uff0e\u9019\u6a23\u6703\u9020\u6210 recompstion \u55ce\uff1f"},"content":{"rendered":"

\u6703\uff0e\u7d50\u675f<\/p>\n

1. List \u6703\u9020\u6210\u56b4\u91cd\u7684\u91cd\u7d44\u554f\u984c\u55ce\uff1f\u5728\u54ea\u7a2e\u60c5\u6cc1\uff1f<\/strong><\/h4>\n

\u7b54\u6848\u662f\uff1a\u6703\uff0c\u800c\u4e14\u7d55\u5c0d\u6bd4\u4f60\u60f3\u50cf\u7684\u66f4\u56b4\u91cd\u3002<\/strong><\/p>\n

kotlin.collections.List \u5728 Compose \u7684\u4e16\u754c\u4e2d\u88ab\u8996\u70ba\u300c\u4e0d\u7a69\u5b9a (Unstable)\u300d\uff0c\u56e0\u70ba\u5b83\u662f\u4e00\u500b\u4ecb\u9762\uff0cCompose \u7de8\u8b6f\u5668\u7121\u6cd5\u4fdd\u8b49\u5b83\u7684\u5be6\u4f5c\u5728\u57f7\u884c\u671f\u9593\u4e0d\u6703\u88ab\u4fee\u6539\u3002<\/p>\n

\u6700\u56b4\u91cd\u7684\u60c5\u6cc1\u6709\u5169\u7a2e\uff1a<\/strong><\/p>\n

    \n
  1. LazyColumn \u6216 LazyRow \u986f\u793a\u6210\u767e\u4e0a\u5343\u500b\u9805\u76ee\u6642\uff0c\u4e00\u6b21\u4e0d\u5fc5\u8981\u7684\u91cd\u7d44\u610f\u5473\u8457\u4e0a\u767e\u500b Composable \u51fd\u5f0f\u88ab\u91cd\u65b0\u57f7\u884c\uff0cCPU \u77ac\u9593\u98c6\u9ad8\u3002<\/li>\n
  2. \u7576\u5217\u8868\u6240\u5728\u7684\u756b\u9762\u4e0a\u65b9\u6709\u4e00\u500b\u8a08\u6642\u5668\u6216\u4efb\u4f55\u983b\u7e41\u8b8a\u52d5\u7684\u72c0\u614b\u6642\uff0c\u5373\u4f7f\u9019\u500b\u72c0\u614b\u8207\u5217\u8868\u8cc7\u6599\u7121\u95dc\uff0c\u4e5f\u53ef\u80fd\u5c0e\u81f4\u5217\u8868\u88ab\u4e00\u904d\u53c8\u4e00\u904d\u5730\u7121\u8b02\u91cd\u7e6a\u3002<\/li>\n<\/ol>\n

    Kotlin<\/p>\n

    @Composable\nfun MainScreen() {\n\u00a0 \u00a0 \/\/ \u9019\u500b\u8a08\u6578\u5668\u8207\u5217\u8868\u8cc7\u6599\u7121\u95dc\uff0c\u4f46\u5b83\u7684\u6539\u8b8a\u6703\u89f8\u767c MainScreen \u91cd\u7d44\n\u00a0 \u00a0 var unrelatedCounter by remember { mutableStateOf(0) }\n\u00a0 \u00a0 val userList = remember { listOf(\"Alice\", \"Bob\", \"Charlie\") } \/\/ \u4e00\u500b\u6a19\u6e96 List\n\n\u00a0 \u00a0 Column {\n\u00a0 \u00a0 \u00a0 \u00a0 Text(\"\u8a08\u6578\u5668: $unrelatedCounter\")\n\u00a0 \u00a0 \u00a0 \u00a0 Button(onClick = { unrelatedCounter++ }) {\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Text(\"\u89f8\u767c\u7236\u5c64\u91cd\u7d44\")\n\u00a0 \u00a0 \u00a0 \u00a0 }\n\n\u00a0 \u00a0 \u00a0 \u00a0 \/\/ \u56e0\u70ba userList \u662f\u4e0d\u7a69\u5b9a\u7684 List\uff0c\u6bcf\u6b21\u6309\u9215\u88ab\u9ede\u64ca\uff0c\n\u00a0 \u00a0 \u00a0 \u00a0 \/\/ UserList \u9019\u500b Composable \u90fd\u6703\u88ab\u5f37\u5236\u91cd\u7d44\u3002\n\u00a0 \u00a0 \u00a0 \u00a0 UserList(users = userList)\n\u00a0 \u00a0 }\n}\n\n@Composable\nfun UserList(users: List<String>) {\n\u00a0 \u00a0 Log.d(\"Recomposition\", \"UserList \u6b63\u5728\u91cd\u7d44...\") \/\/ \u4f60\u6703\u5728 Logcat \u770b\u5230\u9019\u884c\u4e0d\u65b7\u51fa\u73fe\n\u00a0 \u00a0 LazyColumn {\n\u00a0 \u00a0 \u00a0 \u00a0 items(users) { user ->\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Text(user)\n\u00a0 \u00a0 \u00a0 \u00a0 }\n\u00a0 \u00a0 }\n}\n<\/pre>\n
    \u5728\u4e0a\u8ff0\u7bc4\u4f8b\u4e2d\uff0c\u6bcf\u6b21\u9ede\u64ca\u6309\u9215\uff0cUserList \u90fd\u6703\u91cd\u7d44\uff0c\u9019\u5c31\u662f\u6548\u80fd\u6d6a\u8cbb\u7684\u6839\u6e90\u3002<\/p>\n
    2. \u5982\u679c\u7528 ImmutableList \u53ef\u4ee5\u6539\u5584\u55ce\uff1f<\/strong><\/h4>\n
    \u53ef\u4ee5\uff0c\u800c\u4e14\u662f\u7acb\u7aff\u898b\u5f71\u7684\u6539\u5584\u3002<\/strong><\/p>\n
    kotlinx.collections.immutable.ImmutableList \u5f9e\u985e\u578b\u5c64\u9762\u5c31\u5411\u7de8\u8b6f\u5668\u7acb\u4e0b\u4e86\u4e00\u500b\u300c\u4fdd\u8b49\u66f8\u300d\uff1a\u6211\u4e00\u65e6\u88ab\u5275\u5efa\uff0c\u5c31\u6c38\u9060\u4e0d\u6703\u6539\u8b8a<\/strong>\u3002<\/p>\n
    \u6709\u4e86\u9019\u500b\u4fdd\u8b49\uff0cCompose \u5c31\u53ef\u4ee5\u653e\u5fc3\u5730\u9032\u884c\u512a\u5316\u3002\u7576\u7236\u5c64\u91cd\u7d44\u6642\uff0cCompose \u6aa2\u67e5\u50b3\u7d66 UserList \u7684 ImmutableList\uff0c\u53ea\u9700\u505a\u4e00\u6b21\u9ad8\u6548\u7684\u53c3\u8003\u6bd4\u5c0d (===)\u3002\u5982\u679c\u7269\u4ef6\u53c3\u8003\u6c92\u8b8a\uff0cCompose \u5c31\u77e5\u9053\u5167\u5bb9\u4e5f\u4e00\u5b9a\u6c92\u8b8a\uff0c\u65bc\u662f\u76f4\u63a5\u8df3\u904e<\/strong> UserList \u7684\u6574\u500b\u91cd\u7d44\u904e\u7a0b\u3002<\/p>\n
    \u4f60\u53ea\u9700\u5c07 listOf(…) \u6539\u70ba persistentListOf(…) \u6216 .toImmutableList()\uff0c\u4e0a\u9762\u7bc4\u4f8b\u4e2d\u7684\u6548\u80fd\u554f\u984c\u5c31\u8fce\u5203\u800c\u89e3\u3002<\/p>\n
    3. ImmutableList \u5982\u679c\u88e1\u9762\u6709 List \u6703\u6709\u554f\u984c\u55ce\uff1f<\/strong>\u6216\u8005\u53cd\u904e\u4f86\u60f3\u60f3\u770b<\/h4>\n
    \u6703\u3002<\/strong> \u4f46\u662f\u5230\u5e95\u662f\u5565\u554f\u984c<\/p>\n
    \u5982\u679c\u4f60\u9019\u9ebc\u5beb\uff1a\u6703\u767c\u751f\u5565\u4e8b\uff1f<\/p>\n
    Kotlin<\/p>\n
    State<ImmutableList<MutableList<T>>>\n\/\/ \u5c0d MutableList add new item,\u00a0 \u4e0d\u6703\u767c\u751f\u91cd\u7d44\n\nState<ImmutableList<List<T>>>\n\/\/ List<T> \u662f\u4e0d\u7a69\u5b9a\u7684\uff0c\u4e0d\u7ba1\u4f60\u600e\u9ebc\u5305\uff0c\u6211\u5c31\u662f\u4e0d\u4fe1\u4efb\uff0c\u4e0d\u6703\u8df3\u904e\u91cd\u7d44\uff0c\u6bcf\u6b21\u90fd\u91cd\u7d44\n\nState<ImmutableList<ImmutableList<T>>>\n\/\/ \u8d85\u7d1a\u4fdd\u8b49\uff0c\u5167\u5230\u5916\u90fd\u4fdd\u8b49\uff0e\u4e0d\u6703\u91cd\u7d44\n\n@Immutable\ndata class StableListWrapper<T>(val items: List<T>)\n\/\/ \u90fd\u8aaa\u4e86\uff0c\u4e0b\u4fdd\u8b49@Immutable \u7d55\u5c0d\u4e0d\u6703\u91cd\u7d44\n<\/pre>\n
    \/\/ \u9019\u662f\u4e00\u500b\u7236\u5c64\u5143\u4ef6\uff0c\u5b83\u6709\u5169\u500b\u81ea\u5df1\u7684\u72c0\u614b\n@Composable\nfun ParentScreen() {\n\u00a0 \u00a0 \/\/ \u72c0\u614b 1\uff1a\u63a7\u5236\u4e00\u500b\u958b\u95dc\u662f\u5426\u958b\u555f\n\u00a0 \u00a0 var isToggleOn by remember { mutableStateOf(false) }\n\n\u00a0 \u00a0 val userList: ImmutableList<List<String>> = remember {\n\u00a0 \u00a0 \u00a0 \u00a0 persistentListOf(\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 listOf(\"Alice\", \"Engineer\"),\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 listOf(\"Bob\", \"Designer\")\n\u00a0 \u00a0 \u00a0 \u00a0 )\n\u00a0 \u00a0 }\n\n\u00a0 \u00a0 Column {\n\u00a0 \u00a0 \u00a0 \u00a0 Row {\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Text(\"Enable Feature:\")\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Switch(checked = isToggleOn, onCheckedChange = { isToggleOn = it })\n\u00a0 \u00a0 \u00a0 \u00a0 }\n\n\u00a0 \u00a0 \u00a0 \u00a0 UserListComponent(users = userList)\n\u00a0 \u00a0 }\n}\n\n\/\/ \u9019\u662f\u4e00\u500b\u5b50\u5c64\u5143\u4ef6\uff0c\u5c08\u9580\u7528\u4f86\u986f\u793a\u5217\u8868\n@Composable\nfun UserListComponent(users: ImmutableList<List<String>>) {\n\u00a0 \u00a0 \/\/... \u9019\u88e1\u6703\u7528 LazyColumn \u7b49\u7b49\u4f86\u986f\u793a\u7528\u6236\u5217\u8868...\n\u00a0 \u00a0 Log.d(\"Recomposition\", \"UserListComponent is being recomposed.\")\n}<\/pre>\n
    4. @Immutable \u600e\u9ebc\u505a\u5230\u7684\uff1f<\/strong><\/h4>\n
    \u7576 Compose \u7121\u6cd5\u81ea\u52d5\u63a8\u65b7\u4e00\u500b\u985e\u5225\u7684\u7a69\u5b9a\u6027\u6642\uff08\u4f8b\u5982\u5b83\u4f86\u81ea\u5225\u7684\u6a21\u7d44\uff0c\u6216\u5305\u542b\u4e86\u975e\u6a19\u6e96\u7684\u985e\u578b\uff09\uff0c\u4f60\u53ef\u4ee5\u624b\u52d5\u70ba\u5b83\u84cb\u4e0a\u4e00\u500b\u300c\u54c1\u8cea\u4fdd\u8b49\u300d\u7684\u7ae0<\/p>\n
    @Immutable \u662f\u4f60\u80fd\u7d66\u51fa\u7684\u6700\u5f37<\/strong>\u4fdd\u8b49\u66f8\u3002\u5b83\u544a\u8a34\u7de8\u8b6f\u5668\uff1a<\/p>\n
    \u300c\u6211\u4fdd\u8b49\uff0c\u9019\u500b\u985e\u5225\u7684\u6240\u6709\u516c\u958b\u5c6c\u6027\u90fd\u662f val\uff0c\u4e14\u5b83\u5011\u7684\u985e\u578b\u4e5f\u90fd\u662f\u4e0d\u53ef\u8b8a\u7684\u3002\u4f60\u53ef\u4ee5\u5b8c\u5168\u4fe1\u4efb\u6211\uff0c\u53ea\u8981\u6211\u7684\u7269\u4ef6\u53c3\u8003\u6c92\u8b8a\uff0c\u6211\u5f9e\u88e1\u5230\u5916\u90fd\u7d55\u7121\u8b8a\u5316\u3002\u300d<\/p><\/blockquote>\n
    Kotlin<\/p>\n
    @Immutable\ndata class UiConfig(val title: String, val features: ImmutableSet<String>)\n<\/pre>\n
    Compose \u770b\u5230\u9019\u500b\u8a3b\u89e3\uff0c\u5c31\u6703\u5c07 UiConfig \u8996\u70ba\u7a69\u5b9a\u985e\u578b\uff0c\u8ce6\u4e88\u5b83\u8df3\u904e\u91cd\u7d44\u7684\u80fd\u529b\u3002<\/p>\n
    5. @Stable \u807d\u8aaa\u4e5f\u662f\u5dee\u4e0d\u591a\u529f\u80fd\uff0c\u4f46\u662f…<\/strong><\/h4>\n
    \u662f\u7684\uff0c@Stable \u548c @Immutable \u7684\u76ee\u6a19\u76f8\u540c\uff1a\u90fd\u662f\u70ba\u4e86\u544a\u8a34 Compose\u300c\u6211\u662f\u7a69\u5b9a\u7684\uff0c\u4f60\u53ef\u4ee5\u512a\u5316\u6211\u300d<\/strong>\u3002<\/p>\n
    \u300c\u4f46\u662f\u300d<\/strong>\uff0c\u5b83\u5011\u7684\u627f\u8afe\u65b9\u5f0f\u4e0d\u540c\uff1a<\/p>\n
      \n
    • @Immutable \u4e00\u500b\u66f4\u5f37\u7684\u4fdd\u8b49\u3002\u8868\u793a\u6240\u6709\u5c6c\u6027\u90fd\u662f val \u4e14\u985e\u578b\u4e0d\u53ef\u8b8a\u3002\u8a72\u7269\u4ef6\u662f\u300c\u6df1\u5ea6\u300d\u4e0d\u53ef\u8b8a\u7684\u3002<\/strong><\/li>\n
    • @Stable \u4e00\u500b\u66f4\u901a\u7528\u7684\u4fdd\u8b49\u3002\u8868\u793a\u8a72\u985e\u578b\u53ef\u80fd\u662f\u53ef\u8b8a\u7684\uff0c\u4f46\u5b83\u627f\u8afe\u5728\u4efb\u4f55\u8b8a\u66f4\u767c\u751f\u6642\u90fd\u6703\u901a\u77e5 Compose\u3002<\/strong><\/li>\n<\/ul>\n
      @Stable \u5141\u8a31\u4e00\u500b\u985e\u5225\u5167\u90e8\u6301\u6709\u53ef\u8b8a\u7684\u72c0\u614b<\/strong>\uff0c\u4f46\u524d\u63d0\u662f\u9019\u500b\u72c0\u614b\u7684\u8b8a\u5316\u5fc5\u9808\u662f Compose \u53ef\u4ee5\u89c0\u5bdf\u5230\u7684<\/strong>\uff08\u4f8b\u5982\u4f7f\u7528 MutableState\uff09\u3002<\/p>\n
      Kotlin<\/p>\n
      @Stable\nclass SearchUiState(\n\u00a0 \u00a0 val query: MutableState<String>,\n\u00a0 \u00a0 val searchHistory: String\n)\n<\/pre>\n
      @Stable \u544a\u8a34 Compose\uff1a\u300c\u6211\u7684 query \u53ef\u80fd\u6703\u8b8a\uff0c\u4f46\u5b83\u662f MutableState\uff0c\u6240\u4ee5\u5b83\u4e00\u8b8a\u4f60\u5c31\u6703\u77e5\u9053\u3002\u4f60\u53ef\u4ee5\u6839\u64da query \u7684\u8b8a\u5316\u4f86\u6c7a\u5b9a\u662f\u5426\u91cd\u7d44\u3002\u300d<\/p>\n
      \u9019\u8b93 @Stable \u5728\u7ba1\u7406\u9700\u8981\u8207 UI \u4e92\u52d5\u7684\u3001\u52d5\u614b\u8b8a\u5316\u7684\u72c0\u614b\u6642\u975e\u5e38\u6709\u7528\u3002\u4f46\u8981\u5c0f\u5fc3\uff0c\u5982\u679c\u4f60\u5728 @Stable \u985e\u5225\u4e2d\u6df7\u5165\u4e86\u50cf List \u9019\u6a23\u7684\u4e0d\u7a69\u5b9a\u985e\u578b\uff0c\u5b83\u7684\u7a69\u5b9a\u6027\u627f\u8afe\u5c31\u6703\u88ab\u6253\u6298\u6263\uff0c\u751a\u81f3\u5931\u6548\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
      \u6703\uff0e\u7d50\u675f 1. List \u6703\u9020\u6210\u56b4\u91cd\u7684\u91cd\u7d44\u554f\u984c\u55ce\uff1f\u5728\u54ea\u7a2e\u60c5\u6cc1\uff1f \u7b54\u6848\u662f\uff1a\u6703\uff0c\u800c\u4e14\u7d55\u5c0d\u6bd4\u4f60\u60f3\u50cf\u7684\u66f4\u56b4\u91cd\u3002 kotlin.collections.List \u5728 Compose \u7684\u4e16\u754c\u4e2d\u88ab\u8996\u70ba\u300c\u4e0d\u7a69\u5b9a (U…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[81],"tags":[],"_links":{"self":[{"href":"https:\/\/boochlin.com\/index.php?rest_route=\/wp\/v2\/posts\/820"}],"collection":[{"href":"https:\/\/boochlin.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/boochlin.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/boochlin.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/boochlin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=820"}],"version-history":[{"count":7,"href":"https:\/\/boochlin.com\/index.php?rest_route=\/wp\/v2\/posts\/820\/revisions"}],"predecessor-version":[{"id":832,"href":"https:\/\/boochlin.com\/index.php?rest_route=\/wp\/v2\/posts\/820\/revisions\/832"}],"wp:attachment":[{"href":"https:\/\/boochlin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=820"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/boochlin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=820"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/boochlin.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=820"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}