{"id":244,"date":"2022-03-08T00:20:57","date_gmt":"2022-03-07T16:20:57","guid":{"rendered":"https:\/\/www.osvlabs.com\/blog\/?p=244"},"modified":"2022-03-30T20:50:47","modified_gmt":"2022-03-30T12:50:47","slug":"flutter-%e5%bc%80%e5%8f%91%e8%bf%87%e7%a8%8b%e4%b8%ad%e9%81%87%e5%88%b0%e7%9a%84%e4%b8%80%e4%ba%9b%e9%97%ae%e9%a2%98","status":"publish","type":"post","link":"https:\/\/blog.osvlabs.com\/?p=244","title":{"rendered":"Flutter \u5f00\u53d1\u8fc7\u7a0b\u4e2d\u9047\u5230\u7684\u4e00\u4e9b\u95ee\u9898"},"content":{"rendered":"<blockquote>\n<p>\u5f00\u53d1\u8fc7\u7a0b\u4e2d\u9047\u5230\u7684\u4e00\u4e9b\u95ee\u9898\uff0c\u8bb0\u5f55\u4e0b\u6765\u5404\u4f4d\u4ee5\u540e\u9047\u5230\u4e86\u65b9\u4fbf\u67e5\u627e<\/p>\n<\/blockquote>\n<h2>Flutter \u4e4b\u70b9\u51fb\u7a7a\u767d\u5904\u53d6\u6d88 TextField \u7126\u70b9<\/h2>\n<p>\u521b\u5efa\u4e00\u4e2a\u901a\u7528\u7236\u7ec4\u4ef6:<\/p>\n<pre><code> GestureDetector(\n    behavior: HitTestBehavior.translucent,\n    onTap: () {\n        \/\/ \u89e6\u6478\u6536\u8d77\u952e\u76d8\n        FocusScope.of(context).requestFocus(FocusNode());\n    },\n    \/\/ child \u91cc\u653e\u8981\u5199\u7684\u9875\u9762\n    child: *******\n}<\/code><\/pre>\n<h2>iOS \u6253\u5305 target \u62a5\u9519<\/h2>\n<p>\u9519\u8bef: `The iOS deployment target &#039;IPHONEOS_DEPLOYMENT_TARGET&#039; is set to<br \/>\n8.0, but the range of supported deployment target versions is 9.0`<\/p>\n<p>\u89e3\u51b3: \u5728 `podfile` \u91cc\u52a0\u4e0a:<\/p>\n<pre><code>post_install do |installer|\n    installer.pods_project.targets.each do |target|\n        target.build_configurations.each do |config|\n            config.build_settings.delete 'IPHONEOS_DEPLOYMENT_TARGET'\n        end\n    end\nend<\/code><\/pre>\n<h2>Flutter \u4e2d\u989c\u8272\u900f\u660e\u5ea6<\/h2>\n<pre><code>00%=FF\uff08\u4e0d\u900f\u660e\uff09 \n5%=F2 \n10%=E5 \n15%=D8 \n20%=CC \n25%=BF \n30%=B2 \n35%=A5 \n40%=99 \n45%=8c \n50%=7F \n55%=72 \n60%=66 \n65%=59 \n70%=4c \n75%=3F \n80%=33 \n85%=21 \n90%=19 \n95%=0c \n100%=00\uff08\u5168\u900f\u660e\uff09<\/code><\/pre>\n<h2>\u5d4c\u5957\u7684\u652f\u6301\u624b\u52bf\u7684\u7ec4\u4ef6\u624b\u52bf\u5931\u6548<\/h2>\n<p>\u9700\u8981\u770b\u4e0b\u5d4c\u5165\u7684\u7ec4\u4ef6\u662f\u5426\u6709\u624b\u52bf\u5c5e\u6027\uff0c\u6709\u7684\u8bdd\u52a0\u4e0a:<\/p>\n<pre><code>recognizers: Set()\n            ..add(\n              Factory<VerticalDragGestureRecognizer>(\n                () => VerticalDragGestureRecognizer(),\n              ),\n            )\n            ..add(\n              Factory<TapGestureRecognizer>(\n                () => TapGestureRecognizer(),\n              ),\n            )\n            ..add(\n              Factory<LongPressGestureRecognizer>(\n                () => LongPressGestureRecognizer(),\n              ),\n            )),<\/code><\/pre>\n<h2>WebViewX \u7b2c\u4e09\u65b9\u5e93\u95ee\u9898<\/h2>\n<p>WebViewX \u662f\u4e2a\u652f\u6301iOS\/Android\/Web \u7684\u7b2c\u4e09\u65b9 webView \u5e93<\/p>\n<ul>\n<li>\u4f7f\u7528\u8fc7\u7a0b\u4e2d\u4f1a\u51fa\u73b0\u5982\u4e0a\u6240\u8ff0\u7684\u624b\u52bf\u5931\u6548\u95ee\u9898\uff0c\u89e3\u51b3\u529e\u6cd5\uff1a\n<pre><code>\/\/ \u6dfb\u52a0\u8fd9\u4e2a\u5c5e\u6027\nmobileSpecificParams: MobileSpecificParams(\n      mobileGestureRecognizers: Set()\n        ..add(\n          Factory<VerticalDragGestureRecognizer>(\n            () => VerticalDragGestureRecognizer(),\n          ),\n        )\n        ..add(\n          Factory<TapGestureRecognizer>(\n            () => TapGestureRecognizer(),\n          ),\n        )\n        ..add(\n          Factory<LongPressGestureRecognizer>(\n            () => LongPressGestureRecognizer(),\n          ),\n    )),<\/code><\/pre>\n<\/li>\n<li>\n<p>\u5728 <code>Web<\/code> \u7aef\u4f4d\u4e8e <code>WebViewX<\/code> \u4e0a\u5c42\u7684\u7ec4\u4ef6\u4e0d\u80fd\u70b9\u51fb<br \/>\n\u89e3\u51b3\uff1a \u9700\u8981\u4f7f\u7528\u5e93\u63d0\u4f9b\u7684 <a href=\"https:\/\/github.com\/adrianflutur\/webviewx\/blob\/main\/example\/lib\/helpers.dart\">WebViewAware<\/a><\/p>\n<blockquote>\n<p>\u5982\u679c\u662f\u7c7b\u4f3c <code>PopupMenuButton<\/code> \u8fd9\u79cd\u7ec4\u4ef6\uff0c\u4f7f\u7528 <code>WebViewAware<\/code> \u5305\u88f9\u4f1a\u5bfc\u81f4\u6bcf\u4e2a <code>item<\/code> \u7a7a\u767d\u5904\u70b9\u51fb\u5931\u6548\uff0c\u6b64\u65f6\u9700\u8981\u4f7f\u7528 <code>GestureDetector<\/code> \u5e76\u624b\u52a8\u5b9e\u73b0 <code>PopupMenuItem<\/code> \u7684\u70b9\u51fb\u4e8b\u4ef6\uff0c\u6700\u540e\u7528 <code>Navigator.pop(context)<\/code> \u5b9e\u73b0\u5173\u95ed\u6d6e\u5c42\u6548\u679c<\/p>\n<\/blockquote>\n<h2>PopupMenuButton \u7684\u6d6e\u5c42\u624b\u52a8\u53e0\u8d77<\/h2>\n<p><code>PopupMenuButton<\/code> \u548c <code>PopupMenuItem<\/code> \u90fd\u6ca1\u6709\u6536\u8d77\u7684 API, \u76f4\u63a5\u5728\u70b9\u51fb\u4e8b\u4ef6\u91cc\u6267\u884c<code>Navigator.pop(context)<\/code> \u5c31\u53ef\u4ee5\u6536\u8d77<\/p>\n<h2>Flutter mobile \u8f6c web \u95ee\u9898<\/h2>\n<blockquote>\n<p>\u4e00\u4e9b\u6709\u7528\u7684\u5e9f\u8bdd<\/p>\n<ul>\n<li>\u9047\u5230\u7f16\u8bd1\u62a5\u9519\uff0c\u5148\u68c0\u67e5\u63d2\u4ef6\u662f\u5426\u517c\u5bb9 web\uff0c\u6bd4\u5982 pubspec \u91cc\u6ca1\u6709\u7684 fixed \u63d2\u4ef6<\/li>\n<li>\u6ce8\u610f\u8de8\u57df\u95ee\u9898\uff0c\u539f\u751fapp \u662f\u4e0d\u9700\u8981\u63a5\u53e3\u652f\u6301\u8de8\u57df\u7684, \u4f46\u662f\u6d4f\u89c8\u5668\u9700\u8981<\/li>\n<li>\n<h2>\u6ce8\u610f\u54cd\u5e94\u5f0f\u95ee\u9898\uff0c\u63a8\u8350\u4e00\u4e2a\u5e93 <code>responsive_builder<\/code><\/h2>\n<p>To Be Continued<\/p>\n<\/li>\n<\/ul>\n<\/blockquote>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>\u5f00\u53d1\u8fc7\u7a0b\u4e2d\u9047\u5230\u7684\u4e00\u4e9b\u95ee\u9898\uff0c\u8bb0\u5f55\u4e0b\u6765\u5404\u4f4d\u4ee5\u540e\u9047\u5230\u4e86\u65b9\u4fbf\u67e5\u627e Flutter \u4e4b\u70b9\u51fb\u7a7a\u767d\u5904\u53d6\u6d88 TextField \u7126\u70b9 \u521b\u5efa\u4e00\u4e2a\u901a\u7528\u7236\u7ec4\u4ef6: GestureDetector( behavior: Hit\u2026<\/p>\n","protected":false},"author":4,"featured_media":250,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":5}},"_links":{"self":[{"href":"https:\/\/blog.osvlabs.com\/index.php?rest_route=\/wp\/v2\/posts\/244"}],"collection":[{"href":"https:\/\/blog.osvlabs.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.osvlabs.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.osvlabs.com\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.osvlabs.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=244"}],"version-history":[{"count":1,"href":"https:\/\/blog.osvlabs.com\/index.php?rest_route=\/wp\/v2\/posts\/244\/revisions"}],"predecessor-version":[{"id":245,"href":"https:\/\/blog.osvlabs.com\/index.php?rest_route=\/wp\/v2\/posts\/244\/revisions\/245"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.osvlabs.com\/index.php?rest_route=\/wp\/v2\/media\/250"}],"wp:attachment":[{"href":"https:\/\/blog.osvlabs.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=244"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.osvlabs.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=244"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.osvlabs.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=244"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}