{"id":32478,"date":"2024-11-25T13:52:30","date_gmt":"2024-11-25T05:52:30","guid":{"rendered":"https:\/\/fwq.ai\/blog\/32478\/"},"modified":"2024-11-25T13:52:30","modified_gmt":"2024-11-25T05:52:30","slug":"%e5%b0%8f%e7%a8%8b%e5%ba%8f%e4%b8%ad%e5%b8%b8%e7%94%a8%e7%9a%84%e8%af%ad%e6%b3%95%e7%9a%84%e4%bb%8b%e7%bb%8d","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/32478\/","title":{"rendered":"\u5c0f\u7a0b\u5e8f\u4e2d\u5e38\u7528\u7684\u8bed\u6cd5\u7684\u4ecb\u7ecd"},"content":{"rendered":"

\u672c\u7bc7\u6587\u7ae0\u7ed9\u5927\u5bb6\u5e26\u6765\u7684\u5185\u5bb9\u662f\u5173\u4e8e\u5c0f\u7a0b\u5e8f\u4e2d\u5e38\u7528\u7684\u8bed\u6cd5\u7684\u4ecb\u7ecd\uff0c\u6709\u4e00\u5b9a\u7684\u53c2\u8003\u4ef7\u503c\uff0c\u6709\u9700\u8981\u7684\u670b\u53cb\u53ef\u4ee5\u53c2\u8003\u4e00\u4e0b\uff0c\u5e0c\u671b\u5bf9\u4f60\u6709\u6240\u5e2e\u52a9\u3002<\/p>\n<\/p>\n

\u63a5\u4e0b\u6765\u6211\u5c06\u4f1a\u4ece\u4e00\u4e2a\u521d\u5b66\u8005\u7684\u8eab\u4efd\uff0c\u5f53\u7136\uff0c\u6b64\u540e\u7684\u6587\u7ae0\u4e0d\u4f1a\u5bf9\u5c0f\u7a0b\u5e8f\u7684\u77e5\u8bc6\u70b9\u4e00\u4e00\u90fd\u505a\u5f88\u7ec6\u81f4\u7684\u4ecb\u7ecd\uff0c\u4e3b\u8981\u662f\u5bf9\u6bd4android\u7684\u4e00\u4e9b\u601d\u60f3\uff0c\u8fdb\u884c\u4e00\u4e9b\u4e2a\u4eba\u7684\u60f3\u6cd5\u9610\u8ff0\u3002 <\/p>\n

api\u8bed\u6cd5\u7684\u4ecb\u7ecd<\/h2>\n

\u4e00\u3001\u76d2\u5b50\u6a21\u578bFlex<\/h3>\n

1\u3001flex-wrap\uff1a<\/h4>\n

nowrap\uff08\u9ed8\u8ba4\uff09\uff1a\u4e0d\u6362\u884c\u3002
 wrap\uff1a\u6362\u884c\uff0c\u7b2c\u4e00\u884c\u5728\u4e0a\u65b9\u3002
 wrap-reverse\uff1a\u6362\u884c\uff0c\u7b2c\u4e00\u884c\u5728\u4e0b\u65b9\u3002<\/p>\n

2\u3001justify-content\uff1a \u6240\u6709\u5b50view\u5728\u7236View\u663e\u793a\u7684\u4f4d\u7f6e<\/h4>\n

flex-start\uff08\u9ed8\u8ba4\u503c\uff09\uff1a\u5de6\u5bf9\u9f50
\n
flex-end\uff1a\u53f3\u5bf9\u9f50
\n
center\uff1a\u5c45\u4e2d
\n
*space-between\uff1a\u4e24\u7aef\u5bf9\u9f50\uff0c\u9879\u76ee\u4e4b\u95f4\u7684\u95f4\u9694\u90fd\u76f8\u7b49\u3002\u56e0\u6b64\u8fd9\u4e2a\u53ef\u4ee5\u8ba4\u4e3a\u662f\u8bbe\u7f6e\u6743\u91cd\u5e03\u5c40\uff0c\u6bcf\u4e2a\u5b50View\u5360\u4e00\u4efd\u3002\u5982\u679c\u5b50View\u53ea\u6709\u4e00\u4e2a\uff0c\u5219\u7b49\u540c\u4e8eflex-start
\n
*space-around\uff1a\u5e73\u5747\u5206\u5e03\u5728\u8be5\u884c\u4e0a\uff0c\u4e24\u8fb9\u7559\u6709\u4e00\u534a\u7684\u95f4\u9694\u7a7a\u95f4\u3002\u9879\u76ee\u4e4b\u95f4\u7684\u95f4\u9694\u6bd4\u9879\u76ee\u4e0e\u8fb9\u6846\u7684\u95f4\u9694\u5927\u4e00\u500d\u3002\u5982\u679c\uff08\u4f5c\u7528\u5728\u7236view\u4e0a\uff09\u53ea\u6709\u4e00\u4e2a\u5b50view\uff0c\u5219\u5176\u5b9e\u5c31\u662f\u8ba9\u5b50View\u5c45\u4e2d\u5bf9\u9f50
\n <\/p>\n

space-between\u5c5e\u6027\u56fe\u5f62\u5c55\u793a\uff1a <\/p>\n

\"\u5c0f\u7a0b\u5e8f\u4e2d\u5e38\u7528\u7684\u8bed\u6cd5\u7684\u4ecb\u7ecd\u63d2\u56fe\"<\/p>\n

3\u3001align-content<\/h4>\n

 \u5185\u5bb9\u5c45\u4e2d\u3002\u53ea\u9002\u7528\u4e8e\u591a\u884c\u7684flex\u5bb9\u5668\uff0c\u5355\u884c\u4e0d\u8d77\u4f5c\u7528
  flex-start\uff1a\u4e0e\u4ea4\u53c9\u8f74\u7684\u8d77\u70b9\u5bf9\u9f50\u3002
  flex-end\uff1a\u4e0e\u4ea4\u53c9\u8f74\u7684\u7ec8\u70b9\u5bf9\u9f50\u3002
  center\uff1a\u4e0e\u4ea4\u53c9\u8f74\u7684\u4e2d\u70b9\u5bf9\u9f50\u3002
  space-between\uff1a\u4e0e\u4ea4\u53c9\u8f74\u4e24\u7aef\u5bf9\u9f50\uff0c\u8f74\u7ebf\u4e4b\u95f4\u7684\u95f4\u9694\u5e73\u5747\u5206\u5e03\u3002
  space-around\uff1a\u6bcf\u6839\u8f74\u7ebf\u4e24\u4fa7\u7684\u95f4\u9694\u90fd\u76f8\u7b49\u3002\u6240\u4ee5\uff0c\u8f74\u7ebf\u4e4b\u95f4\u7684\u95f4\u9694\u6bd4\u8f74\u7ebf\u4e0e\u8fb9\u6846\u7684\u95f4\u9694\u5927\u4e00\u500d\u3002
  stretch\uff08\u9ed8\u8ba4\u503c\uff09\uff1a\u8f74\u7ebf\u5360\u6ee1\u6574\u4e2a\u4ea4\u53c9\u8f74\u3002<\/p>\n

4\u3001align-items<\/h4>\n

\u8ba9\u6bcf\u4e2aView\u5728\u7236view\u7684\u5bf9\u9f50\u65b9\u5f0f\u3002\u9002\u7528\u4e8e\u6240\u6709\u7684flex\u5bb9\u5668\u3002
 flex-start\uff1a\u4ea4\u53c9\u8f74\u7684\u8d77\u70b9\u5bf9\u9f50\u3002
 flex-end\uff1a\u4ea4\u53c9\u8f74\u7684\u7ec8\u70b9\u5bf9\u9f50\u3002
 center\uff1a\u4ea4\u53c9\u8f74\u7684\u4e2d\u70b9\u5bf9\u9f50\u3002
 baseline: \u9879\u76ee\u7684\u7b2c\u4e00\u884c\u6587\u5b57\u7684\u57fa\u7ebf\u5bf9\u9f50\u3002
 stretch\uff08\u9ed8\u8ba4\u503c\uff09\uff1a\u5982\u679c\u9879\u76ee\u672a\u8bbe\u7f6e\u9ad8\u5ea6\u6216\u8bbe\u4e3aauto\uff0c\u5c06\u5360\u6ee1\u6574\u4e2a\u5bb9\u5668\u7684\u9ad8\u5ea6\u3002<\/p>\n

5\u3001\u793a\u4f8b<\/h4>\n

1\uff09\u8ba9\u5bb9\u5668\u7684\u5b50View\u5c45\u4e2d\u663e\u793a
 \u5728\u5bb9\u5668\uff08\u7236View\uff09\u4e2d\u6dfb\u52a0\uff1a<\/p>\n

 display: flex;\n align-items: center;<\/pre>\n
  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
2\uff09\u8ba9\u4e00\u4e2aView\u5e03\u5c40\u663e\u793a\u5728\u6700\u5e95\u5c42\uff0c\u6216\u8005\u6700\u4e0a\u5c42,\u7c7b\u4f3c\u4e8eFramLayout\u5e03\u5c40
 \u4f7f\u7528z-index\u5c5e\u6027\uff1a<\/p>\n
{        \n position:absolute;              \n left:0px;              \n top:0px;              \n  z-index:-1;            \n }<\/pre>\n
  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
\u6ce8\u610f\uff1a
1\uff09z-index\u53ea\u80fd\u5728absolute \u4e2d\u8d77\u4f5c\u7528
2\uff09z-index:-1\uff0c\u88ab\u4fee\u9970\u7684\u8be5View\u5728\u6700\u5e95\u5c42\u663e\u793a\uff08\u53ef\u4ee5\u4f5c\u4e3a\u80cc\u666f\uff09               z-index:1 \uff0c\u5728\u6700\u5916\u5c42\u663e\u793a<\/p>\n
\u4e8c\u3001js\u76f8\u5173\u7684api<\/h3>\n
1\u3001\u53d8\u91cf<\/h4>\n
\u6211\u4eec\u77e5\u9053\uff0c\u5728Java\u4e2d\uff0c\u5982\u679c\u662f\u5728\u6574\u4e2a\u7c7b\u4e2d\u9700\u8981\u7528\u5230\u7684\u5bf9\u8c61\uff0c\u6211\u4eec\u5c06\u5728\u7c7b\u4e2d\u58f0\u660e\u4e3a\u6210\u5458\u53d8\u91cf\uff0c\u5728\u67d0\u4e2a\u5177\u4f53\u65b9\u6cd5\u4e2d\u6709\u6548\u7684\u58f0\u660e\u4e3a\u5c40\u90e8\u53d8\u91cf\u3002\u90a3\u4e48\u5bf9\u5e94\u7684\u5c0f\u7a0b\u5e8f\u662f\uff1a
var\uff1ajava\u4e2d\u7684\u6210\u5458\u53d8\u91cf
let\uff1ajava\u4e2d\u5c40\u90e8\u53d8\u91cf<\/p>\n
2\u3001\u57fa\u672c\u6570\u636e\u7c7b\u578bBoolean<\/h4>\n
    var test0 = \"\"            \/\/false\n    var test1 = \"aaaaaaaa\"   \/\/ true\n    var test2 = null          \/\/ false\n    var test3 = 11           \/\/ true\n    var test4 = 0            \/\/ false\n    var test5 = {}           \/\/ true<\/pre>\n
  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
 \u603b\u7ed3\uff1a\u8fd9\u4e2a\u4e0ejava\u533a\u522b\u8fd8\u662f\u5f88\u5927\u7684
    1\uff09\u5bf9\u4e8e\u6570\u5b57\u578b(int\u3001float),\u53ea\u8981\u662f\u975e0\u7684\u6570\u5b57\u90fd\u662ftrue;
    2)\u5bf9\u4e8e\u5b57\u7b26\u4e32(String)\uff0c\u53ea\u6709\u662fnull\u3001\u548c\u201c\u201d\u7a7a\u4e32\u624d\u662ffalse\uff0c\u5176\u4ed6\u90fd\u662ffalse
    3\uff09\u5bf9\u4e8e\u5bf9\u8c61\uff0c\u9664\u4e86\u5bf9\u8c61\u662fnull\u624d\u662ffalse\uff0c\u5176\u4ed6\u90fd\u662ftrue\u3002\u54ea\u6015\u8fd9\u4e2a\u5bf9\u8c61\u662f\u4e00\u4e2a\u7a7a\u7684\u5bf9\u8c61{}<\/p>\n
3\u3001\u51fd\u6570<\/h4>\n
\uff081\uff09\u51fd\u6570\u5b9a\u4e49<\/strong> 
        \u5728page\u4e2d\u5b9a\u4e49\uff1a<\/p>\n
  onShow: function (params) {\n    \/\/\u65b9\u6cd5\u4f53\n  },<\/pre>\n
  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
\u975epage\u4e2d\u5b9a\u4e49\uff1a<\/p>\n
function test(params){\n    \/\/\u65b9\u6cd5\u4f53}<\/pre>\n
  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
\u603b\u7ed3\uff1a 
            1.\u7b2c\u4e00\u79cd\u5b9a\u4e49\u5fc5\u987b\u5728\u6700\u540e\u9762\u8981\u52a0\u201c,\u201d\u9017\u53f7\uff0c\u800c\u7b2c\u4e8c\u79cd\u65b9\u5f0f\u4e0d\u80fd\u52a0 
            2.\u4e0ejava\u4e0d\u540c\u7684\u662f\uff0c\u51fd\u6570\u7684\u53c2\u6570params\u4e0d\u7528\u6307\u5b9a\u7c7b\u578b\uff0c\u6240\u4ee5\uff0c\u7406\u8bba\u4e0a\u8c03\u7528\u65b9\u6cd5\u7684\u65f6\u5019\u53ef\u4ee5\u4f20\u9012\u4efb\u610f\u7c7b\u578b\u3002\u4f46\u662f\u4e00\u822c\u4e0d\u8fd9\u4e48\u505a\u3002\u4e2a\u4eba\u8ba4\u4e3a\u8fd8\u662fjava\u4e25\u8c28\u66f4\u597d\uff0c\u53ef\u8bfb\u6027\u5f3a\u3002 
            3.\u53c2\u6570params\u7684\u4e2a\u6570\u6ca1\u6709\u9650\u5236<\/p>\n
\uff082\uff09\u56de\u8c03\u51fd\u6570<\/strong> 
1\uff09\u51fd\u6570\u5b9a\u4e49<\/p>\n
  function request(onFail){\n  \/\/\u8c03\u7528\u63a5\u53e3\n      wx.request({\n        success: function (res) { \/\/\u63a5\u53e3\u8fd4\u56de\u6570\u636e\n         onFail\uff08res\uff09\n      })\n    }<\/pre>\n
  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
2\uff09\u51fd\u6570\u8c03\u7528<\/p>\n
             wx.cyou.cache.getCacheValue(\"key_test\", function(result){\n                console.log(\"result==\", result)\n            })<\/pre>\n
  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
\uff083\uff09\u6ce8\u610f\u4e8b\u9879<\/strong><\/p>\n
1\uff09\u5c0f\u7a0b\u5e8f\u4e0d\u652f\u6301\u51fd\u6570\u7684\u91cd\u8f7d\u548c\u51fd\u6570\u7684\u91cd\u5199 
  2)\u51fd\u6570\u8c03\u7528\u51fd\u6570\u7684\u65f6\u5019\uff0c\u51fd\u6570\u65b9\u6cd5\u4e0d\u652f\u6301\u76f4\u63a5\u4f20\u9012\u3002\u770b\u4e0b\u9762\u7684\u793a\u4f8b\uff1a<\/p>\n
   function request1(function1) {\n          request2(function1\uff09\n        }\n       \u95ee\u9898\uff1a \u8fd9\u5728request1\u65b9\u6cd5\u8c03\u7528request2\u7684\u65f6\u5019\uff0c\u53c2\u6570\u4e5f\u662f\u4e00\u4e2a\u51fd\u6570function1\uff0c\u76f4\u63a5\u5c06function1\u4f20\u9012\u7ed9request2\u662f\u4e0d\u53ef\u4ee5\u7684\n\n       \u89e3\u51b3\u65b9\u5f0f\uff1a        \n       function request1(function1) {\n          request2(new function{\n              function1()\n\n          }}\uff09\n        }\n\n        \u5728request2\u65b9\u6cd5\u7684\u56de\u8c03\u51fd\u6570\u4e2d\u53bb\u8c03\u7528function1\u65b9\u6cd5<\/pre>\n
  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
4\u3001\u5bf9\u8c61\u7684\u53d8\u91cf<\/h4>\n
class Person{\n  String name;  int age;\n}<\/pre>\n
  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
\u5728java\u4e2d\uff0c\u5982\u679c\u8981\u904d\u5386\u83b7\u53d6Person\u5c5e\u6027\u503cname\u3001age\uff0c\u548c\u5c5e\u6027\u7c7b\u578bString\u3001int\u3002\u90fd\u662f\u7528\u53cd\u5c04\u53bb\u5b9e\u73b0\u7684\u3002\u90a3\u4e48\uff0c\u5728\u5c0f\u7a0b\u5e8f\u4e2d\u5374\u6bd4java \u7b80\u5355\u7c97\u66b4\u5f88\u591a\u3002\u5177\u4f53\u5b9e\u73b0<\/p>\n
for (var propertyName in Person){           \nvar name = propertyName               \/\/\u5bf9\u8c61Person\u7684\u5c5e\u6027\uff08String\u3001int\uff09\nvar value = testInfo[propertyName]    \/\/ \u5bf9\u8c61Person\u7684\u5c5e\u6027\u503c(name\u3001age)\n        }<\/pre>\n
  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
5\u3001export\u4f7f\u7528<\/h4>\n
\u5728\u8c03\u7528\u4e00\u4e2a\u7c7b\u4e2d\u7684\u65b9\u6cd5\u6216\u8005\u5c5e\u6027\u503c\u65f6\uff0c\u5fc5\u987b\u8981\u5728\u88ab\u8c03\u7528\u7684\u65b9\u6cd5\u548c\u5c5e\u6027\u503c\uff0c\u5b9a\u4e49\u7684\u65f6\u5019\u7528export\u58f0\u660e<\/p>\n
6\u3001disableScroll\u4f7f\u7528<\/h4>\n
\u95ee\u9898\u63cf\u8ff0\uff1a 
  \u6709\u65f6\u5019\uff0c\u5c0f\u7a0b\u5e8f\u8dd1\u5728\u82f9\u679c\u624b\u673a\u4e0a\u65f6\uff0c\u4f1a\u5de6\u53f3\u6ed1\u52a8\u9000\u51fa\uff0c\u4e5f\u4f1a\u4e0a\u4e0b\u6ed1\u52a8\uff0c\u8fd9\u6837\u4f53\u9a8c\u4e0d\u597d\u3002\u8fd9\u4e2a\u65f6\u5019\u8981\u7981\u6b62\u6ed1\u52a8\u3002<\/p>\n
 \u5728app.json\u4e2d\uff0c\u5c06disableScroll\u503c\u8bbe\u7f6e\u4e3atrue \u5c31\u53ef\u4ee5\u4e86\uff1a  \n \"window\": {          \n \"disableScroll\": true\n      }<\/pre>\n
  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
7\u3001\u9875\u9762page\u6570\u636e\u7684\u83b7\u53d6\u4e0e\u8bbe\u7f6e<\/h4>\n
  let pages = getCurrentPages()          \n  let curPage = pages[pages.length - 1]         \/\/\u83b7\u53d6\u5f53\u524d\u9875\u9762\n          if (curPage.route == url){        \/\/\u6bd4\u8f83\u83b7\u53d6\u7684\u9875\u9762\u7684url\u662f\u5426\u8ddf\u5b9e\u9645\u7684\u4e00\u81f4(\u5982url:\"pages\/order\/order\")\n            curPage.setData({                                \/\/\u8bbe\u7f6e\u6570\u636e\n              usingOrderList: usingOrderList\n            })\n          }<\/pre>\n
  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
8\u3001\u83b7\u53d6\u6240\u6709\u7684\u9875\u9762<\/h4>\n
          let pages = getCurrentPages()            \/\/ \u83b7\u53d6\u4e0a\u4e00\u4e2a\u9875\u9762\n          let prePage = pages[pages.length - 2]          \/\/\u7ed9\u9875\u9762\u8bbe\u7f6e\u6570\u636e\n          prePage.setData({\n            refreshUserInfo:true\n          })          \/\/\u8fd4\u56de\u5230\u4e0a\u4e00\u4e2a\u9875\u9762\n          wx.navigateBack({\n            delta: 1\n          })<\/pre>\n
  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
\u6ce8\u610f\u4e8b\u9879\uff1a 
      \u8c03\u7528getCurrentPages()\u4e0d\u9700\u8981\u5728page\u73af\u5883\u4e2d(\u53ef\u4ee5\u89c6\u4e3aAndroid\u4e2d\u7684Context\u73af\u5883)\uff0c\u53ef\u4ee5\u5728\u4efb\u4f55\u5730\u65b9\u76f4\u63a5\u83b7\u53d6\uff0c\u5373util\u7b49\u81ea\u5b9a\u4e49\u7c7b\u4e2d\u540c\u6837\u751f\u6548\u3002\u7c7b\u4f3c\u7684\u8fd8\u6709wx.\u5f00\u5934\u7684\u65b9\u6cd5<\/p>\n
9\u3001showToast\u65f6\u957f\u8bbe\u7f6e\u5931\u6548\u95ee\u9898<\/h4>\n
  let title = new String(msg)  \/\/\u5ef6\u65f6\u5f39toast,\u662f\u4e3a\u4e86\u89e3\u51b3\u6709\u65f6\u5019\u5728\u63a5\u53e3\u8bf7\u6c42\u540e\uff0c\u8bbe\u7f6e\u7684duration\u65f6\u95f4\u4e0d\u8d77\u4f5c\u7528\n  setTimeout(function () {\n    wx.showToast({\n      title: title,\n      duration: 1200,\n      icon: \"none\"\n    })\n  }, 100)<\/pre>\n
  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
10\u3001reLaunch\u8df3\u8f6c\u5931\u6548\u95ee\u9898<\/h4>\n
     \/\/\u5ef6\u65f6\u8df3\u8f6c,\u662f\u4e3a\u4e86\u89e3\u51b3\u6709\u65f6\u5019wx.reLaunch\u4e0d\u8d77\u4f5c\u7528\uff0c\u8bbe\u7f6e\u7684\u65f6\u95f4\u4e0d\u8d77\u4f5c\u7528\n    setTimeout(function(){\n      wx.reLaunch({\n        url: '\/pages\/home\/home'\n      })\n    },100)<\/pre>\n
  \u767b\u5f55\u540e\u590d\u5236   <\/p>\n
\u4ee5\u4e0a\u5c31\u662f\u5c0f\u7a0b\u5e8f\u4e2d\u5e38\u7528\u7684\u8bed\u6cd5\u7684\u4ecb\u7ecd\u7684\u8be6\u7ec6\u5185\u5bb9\uff0c\u66f4\u591a\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"
\u672c\u7bc7\u6587\u7ae0\u7ed9\u5927\u5bb6\u5e26\u6765\u7684\u5185\u5bb9\u662f\u5173\u4e8e\u5c0f\u7a0b\u5e8f\u4e2d\u5e38\u7528\u7684\u8bed\u6cd5\u7684\u4ecb\u7ecd\uff0c\u6709\u4e00\u5b9a\u7684\u53c2\u8003\u4ef7\u503c\uff0c\u6709\u9700\u8981\u7684\u670b\u53cb\u53ef\u4ee5\u53c2\u8003\u4e00\u4e0b\uff0c\u5e0c\u671b\u5bf9\u4f60\u6709\u6240\u5e2e\u52a9\u3002 \u63a5\u4e0b\u6765\u6211\u5c06\u4f1a\u4ece\u4e00\u4e2a\u521d\u5b66\u8005\u7684\u8eab\u4efd\uff0c\u5f53\u7136\uff0c\u6b64\u540e\u7684\u6587\u7ae0\u4e0d\u4f1a\u5bf9\u5c0f\u7a0b\u5e8f\u7684\u77e5\u8bc6\u70b9\u4e00\u4e00\u90fd\u505a\u5f88\u7ec6\u81f4\u7684\u4ecb\u7ecd\uff0c\u4e3b\u8981\u662f\u5bf9\u6bd4android\u7684\u4e00\u4e9b\u601d\u60f3\uff0c\u8fdb\u884c\u4e00\u4e9b\u4e2a\u4eba\u7684\u60f3\u6cd5\u9610\u8ff0\u3002 api\u8bed\u6cd5\u7684\u4ecb\u7ecd \u4e00\u3001\u76d2\u5b50\u6a21\u578bFlex 1\u3001flex-wrap\uff1a nowrap\uff08\u9ed8\u8ba4\uff09\uff1a\u4e0d\u6362\u884c\u3002  wrap\uff1a\u6362\u884c\uff0c\u7b2c\u4e00\u884c\u5728\u4e0a\u65b9\u3002  wrap-reverse\uff1a\u6362\u884c\uff0c\u7b2c\u4e00\u884c\u5728\u4e0b\u65b9\u3002 2\u3001justify-content\uff1a \u6240\u6709\u5b50view\u5728\u7236View\u663e\u793a\u7684\u4f4d\u7f6e flex-start\uff08\u9ed8\u8ba4\u503c\uff09\uff1a\u5de6\u5bf9\u9f50 flex-end\uff1a\u53f3\u5bf9\u9f50 center\uff1a\u5c45\u4e2d *space-between\uff1a\u4e24\u7aef\u5bf9\u9f50\uff0c\u9879\u76ee\u4e4b\u95f4\u7684\u95f4\u9694\u90fd\u76f8\u7b49\u3002\u56e0\u6b64\u8fd9\u4e2a\u53ef\u4ee5\u8ba4\u4e3a\u662f\u8bbe\u7f6e\u6743\u91cd\u5e03\u5c40\uff0c\u6bcf\u4e2a\u5b50View\u5360\u4e00\u4efd\u3002\u5982\u679c\u5b50View\u53ea\u6709\u4e00\u4e2a\uff0c\u5219\u7b49\u540c\u4e8eflex-start *space-around\uff1a\u5e73\u5747\u5206\u5e03\u5728\u8be5\u884c\u4e0a\uff0c\u4e24\u8fb9\u7559\u6709\u4e00\u534a\u7684\u95f4\u9694\u7a7a\u95f4\u3002\u9879\u76ee\u4e4b\u95f4\u7684\u95f4\u9694\u6bd4\u9879\u76ee\u4e0e\u8fb9\u6846\u7684\u95f4\u9694\u5927\u4e00\u500d\u3002\u5982\u679c\uff08\u4f5c\u7528\u5728\u7236view\u4e0a\uff09\u53ea\u6709\u4e00\u4e2a\u5b50view\uff0c\u5219\u5176\u5b9e\u5c31\u662f\u8ba9\u5b50View\u5c45\u4e2d\u5bf9\u9f50 space-between\u5c5e\u6027\u56fe\u5f62\u5c55\u793a\uff1a 3\u3001align-content  \u5185\u5bb9\u5c45\u4e2d\u3002\u53ea\u9002\u7528\u4e8e\u591a\u884c\u7684flex\u5bb9\u5668\uff0c\u5355\u884c\u4e0d\u8d77\u4f5c\u7528   flex-start\uff1a\u4e0e\u4ea4\u53c9\u8f74\u7684\u8d77\u70b9\u5bf9\u9f50\u3002   flex-end\uff1a\u4e0e\u4ea4\u53c9\u8f74\u7684\u7ec8\u70b9\u5bf9\u9f50\u3002   center\uff1a\u4e0e\u4ea4\u53c9\u8f74\u7684\u4e2d\u70b9\u5bf9\u9f50\u3002   space-between\uff1a\u4e0e\u4ea4\u53c9\u8f74\u4e24\u7aef\u5bf9\u9f50\uff0c\u8f74\u7ebf\u4e4b\u95f4\u7684\u95f4\u9694\u5e73\u5747\u5206\u5e03\u3002   space-around\uff1a\u6bcf\u6839\u8f74\u7ebf\u4e24\u4fa7\u7684\u95f4\u9694\u90fd\u76f8\u7b49\u3002\u6240\u4ee5\uff0c\u8f74\u7ebf\u4e4b\u95f4\u7684\u95f4\u9694\u6bd4\u8f74\u7ebf\u4e0e\u8fb9\u6846\u7684\u95f4\u9694\u5927\u4e00\u500d\u3002   stretch\uff08\u9ed8\u8ba4\u503c\uff09\uff1a\u8f74\u7ebf\u5360\u6ee1\u6574\u4e2a\u4ea4\u53c9\u8f74\u3002 4\u3001align-items \u8ba9\u6bcf\u4e2aView\u5728\u7236view\u7684\u5bf9\u9f50\u65b9\u5f0f\u3002\u9002\u7528\u4e8e\u6240\u6709\u7684flex\u5bb9\u5668\u3002  flex-start\uff1a\u4ea4\u53c9\u8f74\u7684\u8d77\u70b9\u5bf9\u9f50\u3002  flex-end\uff1a\u4ea4\u53c9\u8f74\u7684\u7ec8\u70b9\u5bf9\u9f50\u3002  center\uff1a\u4ea4\u53c9\u8f74\u7684\u4e2d\u70b9\u5bf9\u9f50\u3002  baseline: \u9879\u76ee\u7684\u7b2c\u4e00\u884c\u6587\u5b57\u7684\u57fa\u7ebf\u5bf9\u9f50\u3002  stretch\uff08\u9ed8\u8ba4\u503c\uff09\uff1a\u5982\u679c\u9879\u76ee\u672a\u8bbe\u7f6e\u9ad8\u5ea6\u6216\u8bbe\u4e3aauto\uff0c\u5c06\u5360\u6ee1\u6574\u4e2a\u5bb9\u5668\u7684\u9ad8\u5ea6\u3002 5\u3001\u793a\u4f8b 1\uff09\u8ba9\u5bb9\u5668\u7684\u5b50View\u5c45\u4e2d\u663e\u793a  \u5728\u5bb9\u5668\uff08\u7236View\uff09\u4e2d\u6dfb\u52a0\uff1a  display: flex;  align-items: center; \u767b\u5f55\u540e\u590d\u5236 2\uff09\u8ba9\u4e00\u4e2aView\u5e03\u5c40\u663e\u793a\u5728\u6700\u5e95\u5c42\uff0c\u6216\u8005\u6700\u4e0a\u5c42,\u7c7b\u4f3c\u4e8eFramLayout\u5e03\u5c40 \u4f7f\u7528z-index\u5c5e\u6027\uff1a {          position:absolute;                left:0px;                top:0px;                 z-index:-1;              } \u767b\u5f55\u540e\u590d\u5236 \u6ce8\u610f\uff1a1\uff09z-index\u53ea\u80fd\u5728absolute \u4e2d\u8d77\u4f5c\u75282\uff09z-index:-1\uff0c\u88ab\u4fee\u9970\u7684\u8be5View\u5728\u6700\u5e95\u5c42\u663e\u793a\uff08\u53ef\u4ee5\u4f5c\u4e3a\u80cc\u666f\uff09 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-32478","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/32478","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=32478"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/32478\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=32478"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=32478"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=32478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}