{"id":61351,"date":"2026-01-17T14:05:21","date_gmt":"2026-01-17T06:05:21","guid":{"rendered":"https:\/\/www.wsisp.com\/helps\/61351.html"},"modified":"2026-01-17T14:05:21","modified_gmt":"2026-01-17T06:05:21","slug":"flutter-%e9%9b%b6%e5%9f%ba%e7%a1%80%e5%85%a5%e9%97%a8%ef%bc%88%e4%ba%8c%e5%8d%81%ef%bc%89%ef%bc%9a%e5%b8%b8%e7%94%a8%e5%b8%83%e5%b1%80-widget%ef%bc%88row%e3%80%81column%e3%80%81expanded%ef%bc%89","status":"publish","type":"post","link":"https:\/\/www.wsisp.com\/helps\/61351.html","title":{"rendered":"Flutter \u96f6\u57fa\u7840\u5165\u95e8\uff08\u4e8c\u5341\uff09\uff1a\u5e38\u7528\u5e03\u5c40 Widget\uff08Row\u3001Column\u3001Expanded\uff09"},"content":{"rendered":"<h2>Flutter \u96f6\u57fa\u7840\u5165\u95e8&#xff08;\u4e8c\u5341&#xff09;&#xff1a;\u5e38\u7528\u5e03\u5c40 Widget&#xff08;Row \/ Column \/ Expanded&#xff09;<\/h2>\n<p>\u5728\u4e0a\u4e00\u7bc7\u4e2d&#xff0c;\u6211\u4eec\u5df2\u7ecf\u7406\u89e3\u4e86&#xff1a;<\/p>\n<ul>\n<li>Widget \u6811\u7ed3\u6784<\/li>\n<li>\u7236\u5b50 Widget \u7684\u5173\u7cfb<\/li>\n<li>BuildContext \u7684\u4f5c\u7528<\/li>\n<\/ul>\n<p>\u4ece\u8fd9\u4e00\u7bc7\u5f00\u59cb&#xff0c;\u6211\u4eec\u6b63\u5f0f\u8fdb\u5165 Flutter UI \u7684\u6838\u5fc3\u80fd\u529b&#xff1a;<\/p>\n<p>&#x1f449; \u5e03\u5c40&#xff08;Layout&#xff09;<\/p>\n<p>\u800c Flutter \u4e2d\u6700\u57fa\u7840\u3001\u6700\u5e38\u7528\u7684\u5e03\u5c40\u7ec4\u4ef6&#xff0c;\u5c31\u662f&#xff1a;<\/p>\n<ul>\n<li>Row<\/li>\n<li>Column<\/li>\n<li>Expanded<\/li>\n<\/ul>\n<hr \/>\n<h3>\u4e00\u3001Flutter \u5e03\u5c40\u7684\u6838\u5fc3\u601d\u60f3<\/h3>\n<p>\u5728 Flutter \u4e2d&#xff0c;\u5e03\u5c40\u9075\u5faa\u4e00\u53e5\u975e\u5e38\u91cd\u8981\u7684\u8bdd&#xff1a;<\/p>\n<p>\u7236 Widget \u51b3\u5b9a\u5b50 Widget \u7684\u5e03\u5c40\u89c4\u5219<\/p>\n<p>\u5b50 Widget&#xff1a;<\/p>\n<ul>\n<li>\u4e0d\u80fd\u968f\u610f\u51b3\u5b9a\u5927\u5c0f<\/li>\n<li>\u5fc5\u987b\u670d\u4ece\u7236 Widget \u7684\u7ea6\u675f<\/li>\n<\/ul>\n<p>\u7406\u89e3\u8fd9\u4e00\u70b9&#xff0c;\u540e\u9762\u6240\u6709\u5e03\u5c40\u95ee\u9898\u90fd\u4f1a\u8fce\u5203\u800c\u89e3\u3002<\/p>\n<hr \/>\n<h3>\u4e8c\u3001Row&#xff1a;\u6c34\u5e73\u5e03\u5c40<\/h3>\n<h4>1\ufe0f\u20e3 Row \u662f\u4ec0\u4e48&#xff1f;<\/h4>\n<p>Row \u7528\u6765&#xff1a;<\/p>\n<p>\u5728\u6c34\u5e73\u65b9\u5411\u6392\u5217\u591a\u4e2a Widget<\/p>\n<hr \/>\n<h4>2\ufe0f\u20e3 \u6700\u7b80\u5355\u7684 Row<\/h4>\n<p><span class=\"token class-name\">Row<\/span><span class=\"token punctuation\">(<\/span><br \/>\n  children<span class=\"token punctuation\">:<\/span> <span class=\"token punctuation\">[<\/span><br \/>\n    <span class=\"token class-name\">Text<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string-literal\"><span class=\"token string\">&#039;A&#039;<\/span><\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">,<\/span><br \/>\n    <span class=\"token class-name\">Text<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string-literal\"><span class=\"token string\">&#039;B&#039;<\/span><\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">,<\/span><br \/>\n    <span class=\"token class-name\">Text<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string-literal\"><span class=\"token string\">&#039;C&#039;<\/span><\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">,<\/span><br \/>\n  <span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">,<\/span><br \/>\n<span class=\"token punctuation\">)<\/span><\/p>\n<p>\u663e\u793a\u6548\u679c&#xff1a;<\/p>\n<p>A B C<\/p>\n<hr \/>\n<h4>3\ufe0f\u20e3 Row \u7684\u4e3b\u8f74\u4e0e\u4ea4\u53c9\u8f74<\/h4>\n<ul>\n<li>\u4e3b\u8f74&#xff1a;\u6c34\u5e73\u65b9\u5411<\/li>\n<li>\u4ea4\u53c9\u8f74&#xff1a;\u5782\u76f4\u65b9\u5411<\/li>\n<\/ul>\n<p>&#x1f4cc; \u8bb0\u5fc6\u53e3\u8bc0&#xff1a;<\/p>\n<p>Row \u6a2a\u7740\u6392&#xff0c;\u4e3b\u8f74\u662f\u6a2a\u8f74<\/p>\n<hr \/>\n<h4>4\ufe0f\u20e3 mainAxisAlignment&#xff08;\u4e3b\u8f74\u5bf9\u9f50&#xff09;<\/h4>\n<p>Row(<br \/>\n  mainAxisAlignment: MainAxisAlignment.center,<br \/>\n  children: [<br \/>\n    Text(&#039;A&#039;),<br \/>\n    Text(&#039;B&#039;),<br \/>\n  ],<br \/>\n)<\/p>\n<p>\u5e38\u89c1\u53d6\u503c&#xff1a;<\/p>\n<ul>\n<li>start&#xff08;\u9ed8\u8ba4&#xff09;<\/li>\n<li>center<\/li>\n<li>end<\/li>\n<li>spaceBetween<\/li>\n<li>spaceAround<\/li>\n<li>spaceEvenly<\/li>\n<\/ul>\n<hr \/>\n<h4>5\ufe0f\u20e3 crossAxisAlignment&#xff08;\u4ea4\u53c9\u8f74\u5bf9\u9f50&#xff09;<\/h4>\n<p>Row(<br \/>\n  crossAxisAlignment: CrossAxisAlignment.start,<br \/>\n  children: [<br \/>\n    Text(&#039;A&#039;),<br \/>\n    Text(&#039;B&#039;),<br \/>\n  ],<br \/>\n)<\/p>\n<p>\u63a7\u5236\u5782\u76f4\u65b9\u5411\u7684\u5bf9\u9f50\u65b9\u5f0f\u3002<\/p>\n<hr \/>\n<h3>\u4e09\u3001Column&#xff1a;\u5782\u76f4\u5e03\u5c40<\/h3>\n<h4>1\ufe0f\u20e3 Column \u662f\u4ec0\u4e48&#xff1f;<\/h4>\n<p>Column \u7528\u6765&#xff1a;<\/p>\n<p>\u5728\u5782\u76f4\u65b9\u5411\u6392\u5217\u591a\u4e2a Widget<\/p>\n<hr \/>\n<h4>2\ufe0f\u20e3 \u6700\u7b80\u5355\u7684 Column<\/h4>\n<p>Column(<br \/>\n  children: [<br \/>\n    Text(&#039;A&#039;),<br \/>\n    Text(&#039;B&#039;),<br \/>\n    Text(&#039;C&#039;),<br \/>\n  ],<br \/>\n)<\/p>\n<p>\u663e\u793a\u6548\u679c&#xff1a;<\/p>\n<p>A<br \/>\nB<br \/>\nC<\/p>\n<hr \/>\n<h4>3\ufe0f\u20e3 Column \u7684\u4e3b\u8f74\u4e0e\u4ea4\u53c9\u8f74<\/h4>\n<ul>\n<li>\u4e3b\u8f74&#xff1a;\u5782\u76f4\u65b9\u5411<\/li>\n<li>\u4ea4\u53c9\u8f74&#xff1a;\u6c34\u5e73\u65b9\u5411<\/li>\n<\/ul>\n<p>&#x1f4cc; \u8bb0\u5fc6\u53e3\u8bc0&#xff1a;<\/p>\n<p>Column \u7ad6\u7740\u6392&#xff0c;\u4e3b\u8f74\u662f\u7ad6\u8f74<\/p>\n<hr \/>\n<h4>4\ufe0f\u20e3 Column \u7684\u5bf9\u9f50\u89c4\u5219<\/h4>\n<p>Column(<br \/>\n  mainAxisAlignment: MainAxisAlignment.center,<br \/>\n  crossAxisAlignment: CrossAxisAlignment.start,<br \/>\n  children: [<br \/>\n    Text(&#039;A&#039;),<br \/>\n    Text(&#039;B&#039;),<br \/>\n  ],<br \/>\n)<\/p>\n<p>\u548c Row \u7528\u6cd5\u5b8c\u5168\u4e00\u81f4&#xff0c;\u53ea\u662f\u65b9\u5411\u4e0d\u540c\u3002<\/p>\n<hr \/>\n<h3>\u56db\u3001\u4e00\u4e2a\u975e\u5e38\u91cd\u8981\u7684\u9519\u8bef&#xff1a;\u5e03\u5c40\u6ea2\u51fa<\/h3>\n<p>\u4f60\u53ef\u80fd\u5df2\u7ecf\u89c1\u8fc7\u8fd9\u4e2a\u9519\u8bef&#xff1a;<\/p>\n<p>A RenderFlex overflowed by XX pixels<\/p>\n<p>\u6700\u5e38\u89c1\u539f\u56e0&#xff1a;<\/p>\n<p>&#x1f449; Row \/ Column \u4e2d\u7684\u5b50 Widget \u8d85\u51fa\u4e86\u53ef\u7528\u7a7a\u95f4<\/p>\n<hr \/>\n<h4>\u9519\u8bef\u793a\u4f8b<\/h4>\n<p>Row(<br \/>\n  children: [<br \/>\n    Text(&#039;\u5f88\u957f\u5f88\u957f\u5f88\u957f\u5f88\u957f\u5f88\u957f\u7684\u6587\u5b57&#039;),<br \/>\n    Text(&#039;\u53e6\u4e00\u6bb5\u6587\u5b57&#039;),<br \/>\n  ],<br \/>\n)<\/p>\n<hr \/>\n<h3>\u4e94\u3001Expanded&#xff1a;\u89e3\u51b3\u7a7a\u95f4\u5206\u914d\u95ee\u9898&#xff08;\u91cd\u70b9&#xff09;<\/h3>\n<h4>1\ufe0f\u20e3 Expanded \u662f\u4ec0\u4e48&#xff1f;<\/h4>\n<p>Expanded \u7528\u6765&#xff1a;<\/p>\n<p>\u8ba9\u5b50 Widget \u5360\u7528\u5269\u4f59\u53ef\u7528\u7a7a\u95f4<\/p>\n<hr \/>\n<h4>2\ufe0f\u20e3 \u57fa\u672c\u7528\u6cd5<\/h4>\n<p>Row(<br \/>\n  children: [<br \/>\n    Expanded(<br \/>\n      child: Text(&#039;\u5de6\u8fb9&#039;),<br \/>\n    ),<br \/>\n    Text(&#039;\u53f3\u8fb9&#039;),<br \/>\n  ],<br \/>\n)<\/p>\n<p>\u6548\u679c&#xff1a;<\/p>\n<ul>\n<li>\u5de6\u8fb9\u81ea\u52a8\u6491\u6ee1\u5269\u4f59\u7a7a\u95f4<\/li>\n<li>\u53f3\u8fb9\u6309\u81ea\u8eab\u5927\u5c0f\u663e\u793a<\/li>\n<\/ul>\n<hr \/>\n<h4>3\ufe0f\u20e3 \u591a\u4e2a Expanded&#xff1a;\u6309\u6bd4\u4f8b\u5206\u914d<\/h4>\n<p>Row(<br \/>\n  children: [<br \/>\n    Expanded(<br \/>\n      flex: 1,<br \/>\n      child: Container(color: Colors.red),<br \/>\n    ),<br \/>\n    Expanded(<br \/>\n      flex: 2,<br \/>\n      child: Container(color: Colors.blue),<br \/>\n    ),<br \/>\n  ],<br \/>\n)<\/p>\n<p>\u6bd4\u4f8b\u662f&#xff1a;<\/p>\n<p>1 : 2<\/p>\n<hr \/>\n<h3>\u516d\u3001Expanded \u7684\u672c\u8d28\u7406\u89e3&#xff08;\u975e\u5e38\u91cd\u8981&#xff09;<\/h3>\n<p>Expanded \u7684\u771f\u5b9e\u542b\u4e49\u662f&#xff1a;<\/p>\n<p>\u201c\u6211\u613f\u610f\u88ab\u62c9\u4f38&#xff0c;\u5360\u7528\u7236 Widget \u5206\u914d\u7ed9\u6211\u7684\u7a7a\u95f4\u201d<\/p>\n<p>\u5b83\u53ea\u80fd\u7528\u5728&#xff1a;<\/p>\n<ul>\n<li>Row<\/li>\n<li>Column<\/li>\n<li>Flex<\/li>\n<\/ul>\n<hr \/>\n<h3>\u4e03\u3001Expanded vs SizedBox<\/h3>\n<p>SizedBox(width: 100)<\/p>\n<ul>\n<li>\u56fa\u5b9a\u5c3a\u5bf8<\/li>\n<li>\u4e0d\u4f1a\u81ea\u52a8\u9002\u914d<\/li>\n<\/ul>\n<p>Expanded(child: &#8230;)<\/p>\n<ul>\n<li>\u81ea\u9002\u5e94<\/li>\n<li>\u66f4\u7075\u6d3b<\/li>\n<\/ul>\n<p>&#x1f4cc; \u5b9e\u6218\u4e2d&#xff1a;<\/p>\n<p>\u4f18\u5148\u7528 Expanded&#xff0c;\u5c11\u5199\u6b7b\u5bbd\u9ad8<\/p>\n<hr \/>\n<h3>\u516b\u3001\u4e00\u4e2a\u5b8c\u6574\u5e03\u5c40\u793a\u4f8b<\/h3>\n<p>Scaffold(<br \/>\n  body: Column(<br \/>\n    children: [<br \/>\n      Container(<br \/>\n        height: 100,<br \/>\n        color: Colors.grey,<br \/>\n        child: Center(child: Text(&#039;Header&#039;)),<br \/>\n      ),<br \/>\n      Expanded(<br \/>\n        child: Center(child: Text(&#039;Content&#039;)),<br \/>\n      ),<br \/>\n      Container(<br \/>\n        height: 50,<br \/>\n        color: Colors.grey,<br \/>\n        child: Center(child: Text(&#039;Footer&#039;)),<br \/>\n      ),<br \/>\n    ],<br \/>\n  ),<br \/>\n);<\/p>\n<p>\u8fd9\u662f\u4e00\u4e2a\u975e\u5e38\u5178\u578b\u7684\u9875\u9762\u7ed3\u6784\u3002<\/p>\n<hr \/>\n<h3>\u4e5d\u3001\u65b0\u624b\u5e38\u89c1\u8bef\u533a\u603b\u7ed3<\/h3>\n<p>\u274c \u5728 Row \u4e2d\u76f4\u63a5\u653e\u8d85\u957f Text<br \/>\n\u274c \u6ee5\u7528\u56fa\u5b9a\u5bbd\u9ad8<br \/>\n\u274c \u4e0d\u7406\u89e3\u4e3b\u8f74 \/ \u4ea4\u53c9\u8f74<br \/>\n\u274c \u5fd8\u8bb0\u4f7f\u7528 Expanded<\/p>\n<p>\u8bb0\u4f4f\u4e00\u53e5\u8bdd&#xff1a;<\/p>\n<p>Flutter \u5e03\u5c40\u4e0d\u662f\u201c\u6446\u63a7\u4ef6\u201d&#xff0c;\u800c\u662f\u201c\u5206\u914d\u7a7a\u95f4\u201d<\/p>\n<hr \/>\n<h3>\u5341\u3001\u8fd9\u4e00\u7bc7\u4f60\u771f\u6b63\u5b66\u4f1a\u4e86\u4ec0\u4e48&#xff1f;<\/h3>\n<p>\u4f60\u5df2\u7ecf\u638c\u63e1\u4e86&#xff1a;<\/p>\n<ul>\n<li>Row \/ Column \u7684\u672c\u8d28<\/li>\n<li>\u4e3b\u8f74\u4e0e\u4ea4\u53c9\u8f74<\/li>\n<li>Expanded \u7684\u4f5c\u7528<\/li>\n<li>\u5e03\u5c40\u6ea2\u51fa\u7684\u539f\u56e0<\/li>\n<\/ul>\n<p>\u4f60\u5df2\u7ecf\u80fd\u5199\u51fa&#xff1a;<\/p>\n<p>\u7ed3\u6784\u6e05\u6670\u3001\u4e0d\u5bb9\u6613\u70b8\u7684 Flutter \u9875\u9762\u5e03\u5c40<\/p>\n<hr \/>\n<h3>\u5341\u4e00\u3001\u603b\u7ed3<\/h3>\n<p>\u672c\u7bc7\u4f60\u5b66\u4f1a\u4e86&#xff1a;<\/p>\n<ul>\n<li>\u6c34\u5e73\u5e03\u5c40 Row<\/li>\n<li>\u5782\u76f4\u5e03\u5c40 Column<\/li>\n<li>\u7a7a\u95f4\u5206\u914d Expanded<\/li>\n<li>\u5e38\u89c1\u5e03\u5c40\u9519\u8bef\u7684\u89e3\u51b3\u65b9\u5f0f<\/li>\n<\/ul>\n<hr \/>\n<h3>&#x1f51c; \u4e0b\u4e00\u7bc7\u9884\u544a<\/h3>\n<p>\u300aFlutter \u96f6\u57fa\u7840\u5165\u95e8&#xff08;\u4e8c\u5341\u4e00&#xff09;&#xff1a;Container\u3001Padding\u3001Margin \u4e0e\u88c5\u9970\u300b<\/p>\n<p>\u4e0b\u4e00\u7bc7\u6211\u4eec\u5c06\u5b66\u4e60&#xff1a;<\/p>\n<ul>\n<li>Container \u5230\u5e95\u6709\u591a\u4e07\u80fd<\/li>\n<li>Padding \u548c EdgeInsets<\/li>\n<li>margin \u548c padding \u7684\u533a\u522b<\/li>\n<li>\u80cc\u666f\u8272\u3001\u5706\u89d2\u3001\u8fb9\u6846<\/li>\n<\/ul>\n<p>\u4ece\u4e0b\u4e00\u7bc7\u5f00\u59cb&#xff1a;<\/p>\n<p>\u4f60\u7684\u9875\u9762\u5c06\u771f\u6b63\u201c\u597d\u770b\u8d77\u6765\u201d &#x1f3a8;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Flutter \u96f6\u57fa\u7840\u5165\u95e8&#xff08;\u4e8c\u5341&#xff09;&#xff1a;\u5e38\u7528\u5e03\u5c40 Widget&#xff08;Row \/ Column \/ Expanded&#xff09;<br \/>\n\u5728\u4e0a\u4e00\u7bc7\u4e2d&#xff0c;\u6211\u4eec\u5df2\u7ecf\u7406\u89e3\u4e86&#xff1a;<br \/>\nWidget \u6811\u7ed3\u6784\u7236\u5b50 Widget \u7684\u5173\u7cfbBuildContext \u7684\u4f5c\u7528<br \/>\n\u4ece\u8fd9\u4e00\u7bc7\u5f00\u59cb&#xff0c;\u6211\u4eec\u6b63\u5f0f\u8fdb\u5165 Flutter UI \u7684\u6838\u5fc3\u80fd\u529b&#xff1a;<br \/>\n&#x1f449; \u5e03\u5c40&#xff08;Layout&#xff09;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[6323,2878,87,190],"topic":[],"class_list":["post-61351","post","type-post","status-publish","format-standard","hentry","category-server","tag-dart","tag-flutter","tag-87","tag-190"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Flutter \u96f6\u57fa\u7840\u5165\u95e8\uff08\u4e8c\u5341\uff09\uff1a\u5e38\u7528\u5e03\u5c40 Widget\uff08Row\u3001Column\u3001Expanded\uff09 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.wsisp.com\/helps\/61351.html\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Flutter \u96f6\u57fa\u7840\u5165\u95e8\uff08\u4e8c\u5341\uff09\uff1a\u5e38\u7528\u5e03\u5c40 Widget\uff08Row\u3001Column\u3001Expanded\uff09 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"og:description\" content=\"Flutter \u96f6\u57fa\u7840\u5165\u95e8&#xff08;\u4e8c\u5341&#xff09;&#xff1a;\u5e38\u7528\u5e03\u5c40 Widget&#xff08;Row \/ Column \/ Expanded&#xff09; \u5728\u4e0a\u4e00\u7bc7\u4e2d&#xff0c;\u6211\u4eec\u5df2\u7ecf\u7406\u89e3\u4e86&#xff1a; Widget \u6811\u7ed3\u6784\u7236\u5b50 Widget \u7684\u5173\u7cfbBuildContext \u7684\u4f5c\u7528 \u4ece\u8fd9\u4e00\u7bc7\u5f00\u59cb&#xff0c;\u6211\u4eec\u6b63\u5f0f\u8fdb\u5165 Flutter UI \u7684\u6838\u5fc3\u80fd\u529b&#xff1a; &#x1f449; \u5e03\u5c40&#xff08;Layout&#xff09;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wsisp.com\/helps\/61351.html\" \/>\n<meta property=\"og:site_name\" content=\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\" \/>\n<meta property=\"article:published_time\" content=\"2026-01-17T06:05:21+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/61351.html\",\"url\":\"https:\/\/www.wsisp.com\/helps\/61351.html\",\"name\":\"Flutter \u96f6\u57fa\u7840\u5165\u95e8\uff08\u4e8c\u5341\uff09\uff1a\u5e38\u7528\u5e03\u5c40 Widget\uff08Row\u3001Column\u3001Expanded\uff09 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"isPartOf\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\"},\"datePublished\":\"2026-01-17T06:05:21+00:00\",\"dateModified\":\"2026-01-17T06:05:21+00:00\",\"author\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.wsisp.com\/helps\/61351.html#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.wsisp.com\/helps\/61351.html\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/61351.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.wsisp.com\/helps\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Flutter \u96f6\u57fa\u7840\u5165\u95e8\uff08\u4e8c\u5341\uff09\uff1a\u5e38\u7528\u5e03\u5c40 Widget\uff08Row\u3001Column\u3001Expanded\uff09\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#website\",\"url\":\"https:\/\/www.wsisp.com\/helps\/\",\"name\":\"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3\",\"description\":\"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"contentUrl\":\"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery\",\"caption\":\"admin\"},\"sameAs\":[\"http:\/\/wp.wsisp.com\"],\"url\":\"https:\/\/www.wsisp.com\/helps\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Flutter \u96f6\u57fa\u7840\u5165\u95e8\uff08\u4e8c\u5341\uff09\uff1a\u5e38\u7528\u5e03\u5c40 Widget\uff08Row\u3001Column\u3001Expanded\uff09 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.wsisp.com\/helps\/61351.html","og_locale":"zh_CN","og_type":"article","og_title":"Flutter \u96f6\u57fa\u7840\u5165\u95e8\uff08\u4e8c\u5341\uff09\uff1a\u5e38\u7528\u5e03\u5c40 Widget\uff08Row\u3001Column\u3001Expanded\uff09 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","og_description":"Flutter \u96f6\u57fa\u7840\u5165\u95e8&#xff08;\u4e8c\u5341&#xff09;&#xff1a;\u5e38\u7528\u5e03\u5c40 Widget&#xff08;Row \/ Column \/ Expanded&#xff09; \u5728\u4e0a\u4e00\u7bc7\u4e2d&#xff0c;\u6211\u4eec\u5df2\u7ecf\u7406\u89e3\u4e86&#xff1a; Widget \u6811\u7ed3\u6784\u7236\u5b50 Widget \u7684\u5173\u7cfbBuildContext \u7684\u4f5c\u7528 \u4ece\u8fd9\u4e00\u7bc7\u5f00\u59cb&#xff0c;\u6211\u4eec\u6b63\u5f0f\u8fdb\u5165 Flutter UI \u7684\u6838\u5fc3\u80fd\u529b&#xff1a; &#x1f449; \u5e03\u5c40&#xff08;Layout&#xff09;","og_url":"https:\/\/www.wsisp.com\/helps\/61351.html","og_site_name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","article_published_time":"2026-01-17T06:05:21+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"admin","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"2 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.wsisp.com\/helps\/61351.html","url":"https:\/\/www.wsisp.com\/helps\/61351.html","name":"Flutter \u96f6\u57fa\u7840\u5165\u95e8\uff08\u4e8c\u5341\uff09\uff1a\u5e38\u7528\u5e03\u5c40 Widget\uff08Row\u3001Column\u3001Expanded\uff09 - \u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","isPartOf":{"@id":"https:\/\/www.wsisp.com\/helps\/#website"},"datePublished":"2026-01-17T06:05:21+00:00","dateModified":"2026-01-17T06:05:21+00:00","author":{"@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41"},"breadcrumb":{"@id":"https:\/\/www.wsisp.com\/helps\/61351.html#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wsisp.com\/helps\/61351.html"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.wsisp.com\/helps\/61351.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.wsisp.com\/helps"},{"@type":"ListItem","position":2,"name":"Flutter \u96f6\u57fa\u7840\u5165\u95e8\uff08\u4e8c\u5341\uff09\uff1a\u5e38\u7528\u5e03\u5c40 Widget\uff08Row\u3001Column\u3001Expanded\uff09"}]},{"@type":"WebSite","@id":"https:\/\/www.wsisp.com\/helps\/#website","url":"https:\/\/www.wsisp.com\/helps\/","name":"\u7f51\u7855\u4e92\u8054\u5e2e\u52a9\u4e2d\u5fc3","description":"\u9999\u6e2f\u670d\u52a1\u5668_\u9999\u6e2f\u4e91\u670d\u52a1\u5668\u8d44\u8baf_\u670d\u52a1\u5668\u5e2e\u52a9\u6587\u6863_\u670d\u52a1\u5668\u6559\u7a0b","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wsisp.com\/helps\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/358e386c577a3ab51c4493330a20ad41","name":"admin","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.wsisp.com\/helps\/#\/schema\/person\/image\/","url":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","contentUrl":"https:\/\/gravatar.wp-china-yes.net\/avatar\/?s=96&d=mystery","caption":"admin"},"sameAs":["http:\/\/wp.wsisp.com"],"url":"https:\/\/www.wsisp.com\/helps\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/61351","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/comments?post=61351"}],"version-history":[{"count":0,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/posts\/61351\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/media?parent=61351"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/categories?post=61351"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/tags?post=61351"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.wsisp.com\/helps\/wp-json\/wp\/v2\/topic?post=61351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}