{"id":4955,"date":"2022-02-08T10:28:39","date_gmt":"2022-02-08T02:28:39","guid":{"rendered":"http:\/\/123.57.164.21\/?p=4955"},"modified":"2022-02-08T10:28:39","modified_gmt":"2022-02-08T02:28:39","slug":"swiftui-2-0-%e4%bd%bf%e7%94%a8scrollviewreader","status":"publish","type":"post","link":"https:\/\/92it.top\/?p=4955","title":{"rendered":"SwiftUI 2.0 \u4f7f\u7528ScrollViewReader"},"content":{"rendered":"\n<p>\u53ef\u4ee5\u914d\u5408ScrollView \u6216\u8005ListView\u4f7f\u7528\uff0c\u63a7\u5236\u6eda\u52a8\u5f0f\u56fe\u5230\u6307\u5b9a\u4f4d\u7f6e<\/p>\n\n\n\n<ul><li><strong>scrollview \u4f7f\u7528 scrollviewreader<\/strong><\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"237\" height=\"419\" src=\"http:\/\/123.57.164.21\/wp-content\/uploads\/2022\/02\/3692367-0223d86357ee7fbf.webp\" alt=\"\" class=\"wp-image-4956\"\/><\/figure><\/div>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">struct ContentView: View {\n    var body: some View {\n        ScrollViewReader{\n            proxy in\n            Button(\"\u6eda\u52a8\u5230\u6307\u5b9a\u4f4d\u7f6e\"){\n                withAnimation {\n                    proxy.scrollTo(50,anchor: .top)\/\/anchor\u53ef\u4ee5\u8bbe\u7f6e\u76ee\u6807\u6eda\u52a8\u663e\u793a\u5230\u5c4f\u5e55\u6307\u5b9a\u7684\u4e0a\u4e2d\u4e0b\u4f4d\u7f6e\n                }\n            }\n            ScrollView(.vertical, showsIndicators: false){\n                ForEach(1 ... 100,id:\\.self){\n                    index in\n                    Text(\"\u7b2c\\(index)\u884c\")\n                        .frame(width: 100, height: 20\n                               , alignment: .leading)\n                        .id(index)\n                }\n            }\n        }\n    }\n}<\/pre>\n\n\n\n<ul><li><strong>List\u4f7f\u7528scrollviewreader<\/strong><\/li><\/ul>\n\n\n\n<p>\u6ce8\u610f\uff1a\u5982\u679c\u4f7f\u7528List\u5fc5\u987b\u6307\u5b9aid\uff0c\u5426\u5219\u6eda\u52a8\u65e0\u6cd5\u751f\u6548<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">truct ContentView: View {\n    var body: some View {\n        ScrollViewReader{\n            proxy in\n            \n            Button(\"\u6eda\u52a8\u5230\u6307\u5b9a\u4f4d\u7f6e\"){\n                withAnimation {\n                    proxy.scrollTo(30,anchor: .center)\/\/anchor\u53ef\u4ee5\u8bbe\u7f6e\u76ee\u6807\u6eda\u52a8\u663e\u793a\u5230\u5c4f\u5e55\u6307\u5b9a\u7684\u4e0a\u4e2d\u4e0b\u4f4d\u7f6e\n                }\n            }\n            List(1 ..&lt; 100,id:\\.self){\n                index in\n                Text(\"\\(index)\")\n            }\n        }\n    }\n}<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u53ef\u4ee5\u914d\u5408ScrollView \u6216\u8005ListView\u4f7f\u7528\uff0c\u63a7\u5236\u6eda\u52a8\u5f0f\u56fe\u5230\u6307\u5b9a\u4f4d\u7f6e scrollview \u4f7f\u7528 s [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,5],"tags":[],"_links":{"self":[{"href":"https:\/\/92it.top\/index.php?rest_route=\/wp\/v2\/posts\/4955"}],"collection":[{"href":"https:\/\/92it.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/92it.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/92it.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/92it.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4955"}],"version-history":[{"count":1,"href":"https:\/\/92it.top\/index.php?rest_route=\/wp\/v2\/posts\/4955\/revisions"}],"predecessor-version":[{"id":4957,"href":"https:\/\/92it.top\/index.php?rest_route=\/wp\/v2\/posts\/4955\/revisions\/4957"}],"wp:attachment":[{"href":"https:\/\/92it.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4955"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/92it.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4955"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/92it.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4955"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}