https://reactnative.cn/assets/js/59ff2a74.600c7de0.js

1"use strict";(self.webpackChunkreact_native_website=self.webpackChunkreact_native_website||[]).push([["14132"],{54354(e,n,r){r.r(n),r.d(n,{metadata:()=>d,default:()=>h,frontMatter:()=>s,contentTitle:()=>l,toc:()=>o,assets:()=>a});var d=JSON.parse('{"id":"drawerlayoutandroid","title":"DrawerLayoutAndroid","description":"\u5C01\u88C5\u4E86 Android \u5E73\u53F0DrawerLayout\u7684 React \u7EC4\u4EF6\u3002\u62BD\u5C49\uFF08\u901A\u5E38\u7528\u4E8E\u5BFC\u822A\u5207\u6362\uFF09\u662F\u901A\u8FC7renderNavigationView\u65B9\u6CD5\u6E32\u67D3\u7684\uFF0C\u5E76\u4E14 DrawerLayoutAndroid \u7684\u76F4\u63A5\u5B50\u89C6\u56FE\u4F1A\u6210\u4E3A\u4E3B\u89C6\u56FE\uFF08\u7528\u4E8E\u653E\u7F6E\u5185\u5BB9\uFF09\u3002\u5BFC\u822A\u89C6\u56FE\u4E00\u5F00\u59CB\u5728\u5C4F\u5E55\u4E0A\u5E76\u4E0D\u53EF\u89C1\uFF0C\u4E0D\u8FC7\u53EF\u4EE5\u4ECEdrawerPosition\u6307\u5B9A\u7684\u7A97\u53E3\u4FA7\u9762\u62D6\u62FD\u51FA\u6765\uFF0C\u5E76\u4E14\u62BD\u5C49\u7684\u5BBD\u5EA6\u53EF\u4EE5\u4F7F\u7528drawerWidth\u5C5E\u6027\u6765\u6307\u5B9A\u3002","source":"@site/versioned_docs/version-0.80/drawerlayoutandroid.md","sourceDirName":".","slug":"/drawerlayoutandroid","permalink":"/docs/0.80/drawerlayoutandroid","draft":false,"unlisted":false,"editUrl":"https://github.com/reactnativecn/react-native-website/blob/production/cnwebsite/../cndocs/drawerlayoutandroid.md","tags":[],"version":"0.80","frontMatter":{"id":"drawerlayoutandroid","title":"DrawerLayoutAndroid"},"sidebar":"\u7EC4\u4EF6","previous":{"title":"VirtualizedList","permalink":"/docs/0.80/virtualizedlist"},"next":{"title":"TouchableNativeFeedback","permalink":"/docs/0.80/touchablenativefeedback"}}'),i=r(62540),t=r(43023);let s={id:"drawerlayoutandroid",title:"DrawerLayoutAndroid"},l,a={},o=[{value:"\u793A\u4F8B",id:"\u793A\u4F8B",level:2},{value:"Props",id:"props",level:2},{value:"<code>renderNavigationView</code>",id:"rendernavigationview",level:3},{value:"<code>onDrawerClose</code>

1",id:"ondrawerclose",level:3},{value:"<code>drawerPosition</code>",id:"drawerposition",level:3},{value:"<code>drawerWidth</code>",id:"drawerwidth",level:3},{value:"<code>keyboardDismissMode</code>",id:"keyboarddismissmode",level:3},{value:"<code>drawerLockMode</code>",id:"drawerlockmode",level:3},{value:"<code>onDrawerOpen</code>",id:"ondraweropen",level:3},{value:"<code>onDrawerSlide</code>",id:"ondrawerslide",level:3},{value:"<code>onDrawerStateChanged</code>",id:"ondrawerstatechanged",level:3},{value:"<code>drawerBackgroundColor</code>",id:"drawerbackgroundcolor",level:3},{value:"<code>statusBarBackgroundColor</code>",id:"statusbarbackgroundcolor",level:3},{value:"\u65B9\u6CD5",id:"\u65B9\u6CD5",level:2},{value:"<code>openDrawer()</code>",id:"opendrawer",level:3},{value:"<code>closeDrawer()</code>",id:"closedrawer",level:3}];function c(e){let n={a:"a",blockquote:"blockquote",code:"code",div:"div",h1:"h1",h2:"h2",h3:"h3",hr:"hr",li:"li",p:"p",pre:"pre",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,t.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(n.p,{children:["\u5C01\u88C5\u4E86 Android \u5E73\u53F0",(0,i.jsx)(n.code,{children:"DrawerLayout"}),"\u7684 React \u7EC4\u4EF6\u3002\u62BD\u5C49\uFF08\u901A\u5E38\u7528\u4E8E\u5BFC\u822A\u5207\u6362\uFF09\u662F\u901A\u8FC7",(0,i.jsx)(n.code,{children:"renderNavigationView"}),"\u65B9\u6CD5\u6E32\u67D3\u7684\uFF0C\u5E76\u4E14 DrawerLayoutAndroid \u7684\u76F4\u63A5\u5B50\u89C6\u56FE\u4F1A\u6210\u4E3A\u4E3B\u89C6\u56FE\uFF08\u7528\u4E8E\u653E\u7F6E\u5185\u5BB9\uFF09\u3002\u5BFC\u822A\u89C6\u56FE\u4E00\u5F00\u59CB\u5728\u5C4F\u5E55\u4E0A\u5E76\u4E0D\u53EF\u89C1\uFF0C\u4E0D\u8FC7\u53EF\u4EE5\u4ECE",(0,i.jsx)(n.code,{children:"drawerPosition"}),"\u6307\u5B9A\u7684\u7A97\u53E3\u4FA7\u9762\u62D6\u62FD\u51FA\u6765\uFF0C\u5E76\u4E14\u62BD\u5C49\u7684\u5BBD\u5EA6\u53EF\u4EE5\u4F7F\u7528",(0,i.jsx)(n.code,{children:"drawerWidth"}),"\u5C5E\u6027\u6765\u6307\u5B9A\u3002"]}),"\n",(0,i.jsxs)(n.blockquote,{children:["\n",(0,i.jsxs)(n.p,{children:["\u8BD1\u6CE8\uFF1A\u6B64\u7EC4\u4EF6\u4EC5\u80FD\u5728 Android \u4E0A\u4F7F\u7528\u3002\u6211\u4EEC\u63A8\u8350\u4F7F\u7528\u8DE8\u5E73\u53F0\u7684",(0,i.jsx)(n.a,{href:"https://reactnavigation.org/",children:"react-navigation"}),"\u4E2D\u7684 DrawerNavigation \u6765\u4EE3\u66FF\u6B64\u7EC4\u4EF6\u3002"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"\u793A\u4F8B",children:"\u793A\u4F8B"}),"\n",(0,i.jsx)(n.div,{className:"snack-player","data-snack-name":"DrawerLayoutAndroid Component Example","data-snack-description":"Example usage","data-snack-files":"%7B%22App.tsx%22%3A%7B%22type%22%3A%22CODE%22%2C%22contents%22%3A%22import%20React%2C%20%7B%20useState%20%7D%20from%20%5C%22react%5C%22%3B%5Cnimport%20%7B%20Button%2C%20DrawerLayoutAndroid%2C%20Text%2C%20StyleSheet%2C%20View%20%7D%20from%20%5C%22react-native%5C%22%3B%5Cn%5Cnconst%20App%20%3D%20()%20%3D%3E%20%7B%5Cn%20%20const%20%5BdrawerPosition%2C%20setDrawerPosition%5D%20%3D%20useState(%5C%22left%5C%22)%3B%5Cn%20%20const%20changeDrawerPosition%20%3D%20()%20%3D%3E%20%7B%5Cn%20%20%20%20if%20(drawerPosition%20%3D%3D%3D%20%5C%22left%5C%22)%20%7B%5Cn%20%20%20%20%20%20setDrawerPosition(%5C%22right%5C%22)%3B%5Cn%20%20%20%20%7D%20else%20%7B%5Cn%20%20%20%20%20%20setDrawerPosition(%5C%22left%5C%22)%3B%5Cn%20%20%20%20%7D%5Cn%20%20%7D%3B%5Cn%5Cn%20%20const%20navigationView%20%3D%20(%5Cn%20%20%20%20%3CView%20style%3D%7Bstyles.navigationContainer%7D%3E%5Cn%20%20%20%20%20%20%3CText%20style%3D%7B%7B%20margin%3A%2010%2C%20fontSize%3A%2015%20%7D%7D%3EI'm%20in%20the%20Drawer!%3C%2FText%3E%5Cn%20%20%20%20%3C%2FView%3E%5Cn%20%20)%3B%5Cn%5Cn%20%20return%20(%5Cn%20%20%20%20%3CDrawerLayoutAndroid%5Cn%20%20%20%20%20%20drawerWidth%3D%7B300%7D%5Cn%20%20%20%20%20%20drawerPosition%3D%7BdrawerPosition%7D%5Cn%20%20%20%20%20%20renderNavigationView%3D%7B()%20%3D%3E%20navigationView%7D%5Cn%20%20%20%20%3E%5Cn%20%20%20%20%20%20%3CView%20style%3D%7Bstyles.container%7D%3E%5Cn%20%20%20%20%20%20%20%20%3CText%20style%3D%7B%7B%20margin%3A%2010%2C%20fontSize%3A%2015%20%7D%7D%3E%5Cn%20%20%20%20%20%20%20%20%20%20DrawerLayoutAndroid%20example%5Cn%20%20%20%20%20%20%20%20%3C%2FText%3E%5Cn%20%20%20%20%20%20%20%20%3CButton%5Cn%20%20%20%20%20%20%20%20%20%20title%3D%5C%22Change%20Drawer%20Position%5C%22%5Cn%20%20%20%20%20%20%20%20%20%20onPress%3D%7B()%20%3D%3E%20changeDrawerPosition()%7D%5Cn%20%20%20%20%20%20%20%20%2F%3E%5Cn%20%20%20%20%20%20%20%20%3CText%2

10style%3D%7B%7B%20margin%3A%2010%2C%20fontSize%3A%2015%20%7D%7D%3E%5Cn%20%20%20%20%20%20%20%20%20%20Drawer%20on%20the%20%7BdrawerPosition%7D!%20Swipe%20from%20the%20side%20to%20see!%5Cn%20%20%20%20%20%20%20%20%3C%2FText%3E%5Cn%20%20%20%20%20%20%3C%2FView%3E%5Cn%20%20%20%20%3C%2FDrawerLayoutAndroid%3E%5Cn%20%20)%3B%5Cn%7D%3B%5Cn%5Cnconst%20styles%20%3D%20StyleSheet.create(%7B%5Cn%20%20container%3A%20%7B%5Cn%20%20%20%20flex%3A%201%2C%5Cn%20%20%20%20alignItems%3A%20%5C%22center%5C%22%2C%5Cn%20%20%20%20justifyContent%3A%20%5C%22center%5C%22%2C%5Cn%20%20%20%20paddingTop%3A%2050%2C%5Cn%20%20%20%20backgroundColor%3A%20%5C%22%23ecf0f1%5C%22%2C%5Cn%20%20%20%20padding%3A%208%5Cn%20%20%7D%2C%5Cn%20%20navigationContainer%3A%20%7B%5Cn%20%20%20%20flex%3A%201%2C%5Cn%20%20%20%20paddingTop%3A%2050%2C%5Cn%20%20%20%20backgroundColor%3A%20%5C%22%23fff%5C%22%2C%5Cn%20%20%20%20padding%3A%208%5Cn%20%20%7D%5Cn%7D)%3B%5Cn%5Cnexport%20default%20App%3B%22%7D%7D","data-snack-dependencies":"react-native-safe-area-context","data-snack-platform":"web","data-snack-supported-platforms":"android","data-snack-theme":"light","data-snack-preview":"true","data-snack-loading":"lazy","data-snack-device-appearance":"light","data-snack-device-frame":"false"}),"\n",(0,i.jsx)(n.hr,{}),"\n",(0,i.jsx)(n.h1,{id:"\u6587\u6863",children:"\u6587\u6863"}),"\n",(0,i.jsx)(n.h2,{id:"props",children:"Props"}),"\n",(0,i.jsxs)(n.p,{children:["\u7EE7\u627F\u6240\u6709",(0,i.jsx)(n.a,{href:"view#props",children:"View \u7684 Props"}),"."]}),"\n",(0,i.jsx)(n.h3,{id:"rendernavigationview",children:(0,i.jsx)(n.code,{children:"renderNavigationView"})}),"\n",(0,i.jsx)(n.p,{children:"\u88AB\u62C9\u5165\u7684\u5BFC\u822A\u89C6\u56FE\u7684\u5185\u5BB9\u3002"}),"\n",(0,i.jsxs)(n.table,{children:[(0,i.jsx)(n.thead,{children:(0,i.jsxs)(n.tr,{children:[(0,i.jsx)(n.th,{children:"\u7C7B\u578B"}),(0,i.jsx)(n.th,{children:"\u5FC5\u9700"})]})}),(0,i.jsx)(n.tbody,{children:(0,i.jsxs)(n.tr,{children:[(0,i.jsx)(n.td,{children:"function"}),(0,i.jsx)(n.td,{children:"\u662F"})]})})]}),"\n",(0,i.jsx)(n.hr,{}),"\n",(0,i.jsx)(n.h3,{id:"ondrawerclose",children:(0,i.jsx)(n.code,{children:"onDrawerClose"})}),"\n",(0,i.jsx)(n.p,{children:"\u5BFC\u822A\u89C6\u56FE\u88AB\u5173\u95ED\u540E\u7684\u56DE\u8C03\u51FD\u6570\u3002"}),"\n",(0,i.jsxs)(n.table,{children:[(0,i.jsx)(n.thead,{children:(0,i.jsxs)(n.tr,{children:[(0,i.jsx)(n.th,{children:"\u7C7B\u578B"}),(0,i.jsx)(n.th,{children:"\u5FC5\u9700"})]})}),(0,i.jsx)(n.tbody,{children:(0,i.jsxs)(n.tr,{children:[(0,i.jsx)(n.td,{children:"function"}),(0,i.jsx)(n.td,{children:"\u5426"})]})})]}),"\n",(0,i.jsx)(n.hr,{}),"\n",(0,i.jsx)(n.h3,{id:"drawerposition",children:(0,i.jsx)(n.code,{children:"drawerPosition"})}),"\n",(0,i.jsx)(n.p,{children:"\u8BBE\u7F6E\u5BFC\u822A\u89C6\u56FE\u4ECE\u5C4F\u5E55\u7684\u54EA\u4E00\u8FB9\u62C9\u5165\u3002"}),"\n",(0,i.jsxs)(n.table,{children:[(0,i.jsx)(n.thead,{children:(0,i.jsxs)(n.tr,{children:[(0,i.jsx)(n.th,{children:"\u7C7B\u578B"}),(0,i.jsx)(n.th,{children:"\u5FC5\u9700"})]})}),(0,i.jsx)(n.tbody,{children:(0,i.jsxs)(n.tr,{children:[(0,i.jsx)(n.td,{children:"enum(DrawerConsts.DrawerPosition.Left, DrawerConsts.DrawerPosition.Right)"}),(0,i.jsx)(n.td,{children:"\u5426"})]})})]}),"\n",(0,i.jsx)(n.hr,{}),"\n",(0,i.jsx)(n.h3,{id:"drawerwidth",children:(0,i.jsx)(n.code,{children:"drawerWidth"})}),"\n",(0,i.jsx)(n.p,{children:"\u8BBE\u7F6E\u5BFC\u822A\u89C6\u56FE\u4ECE\u7A97\u53E3\u8FB9\u7F18\u62C9\u5165\u7684\u89C6\u56FE\u7684\u5BBD\u5EA6\u3002"}),"\n",(0,i.jsxs)(n.table,{children:[(0,i.jsx)(n.thead,{children:(0,i.jsxs)(n.tr,{children:[(0,i.jsx)(n.th,{children:"\u7C7B\u578B"}),(0,i.jsx)(n.th,{children:"\u5FC5\u9700"})]})}),(0,i.jsx)(n.tbody,{children:(0,i.jsxs)(n.tr,{children:[(0,i.jsx)(n.td,{children:"number"}),(0,i.jsx)(n.td,{children:"\u5426"})]})})]}),"\n",(0,i.jsx)(n.hr,{}),"\n",(0,i.jsx)(n.h3,{id:"keyboarddismissmode",children:(0,i.jsx)(n.code,{children:"keyboardDismissMode"})}),"\n",(0,i.jsx)(n.p,{children:"\u8BBE\u7F6E\u62D6\u52A8\u8FC7\u7A0B\u4E2D\u662F\u5426\u9690\u85CF\u8F6F\u952E\u76D8"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"'none' (\u9ED8\u8BA4)\uFF0C\u62D6\u52A8\u65F6\u4E0D\u9690\u85CF\u8F6F\u952E\u76D8\u3002"}),"\n",(0,i.jsx)(n.li,{children:"'on-drag'\uFF0C\u62D6\u52A8\u65F6\u9690\u85CF\u8F6F\u952E\u76D8\u3002"}),"\n"]}),"\n",(0,i.jsxs)(n.table,{children:[(0,i.jsx)(n.thead,{children:(0,i.jsxs)(n.tr,{children:[(0,i.jsx)(n.th,{children:"\u7C7B\u578B"}),(0,i.jsx)(n.th,{children:"\u5FC5\u9700"})]})}),(0,i.jsx)(n.tbody,{children:(0,i.jsxs)(n.tr,{children:[(0,i.jsx)(n.td,{children:"enum('none', 'on-drag')"}),(0,i.jsx)(n.td,{children:"\u5426"})]})})]}),"\n",(0,i.jsx)(n.hr,{}),"\n",(0,i.jsx)(n.h3,{id:"drawerlockmode",children:(0,i.jsx)(n.code,{children:"drawerLockMode"})}),"\n",(0,i.jsx)(n.p,{children:"\u8BBE\u7F6E\u5BFC\u822A\u89C6\u56FE\u7684\u9501\u5B9A\u6A21\u5F0F\u3002\u6709 3 \u79CD\u72B6\u6001\uFF1A"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"unlocked (\u9ED8\u8BA4)\uFF0C\u4E0D\u9501\u5B9A\uFF0C\u5BFC\u822A\u89C6\u56FE\u53EF\u4EE5\u54CD\u5E94\u6253\u5F00\u548C\u5173\u95ED\u64CD\u4F5C\uFF1B"}),"\n",(0,i.jsx)(n.li,{children:"locked-closed\uFF0C\u5BFC\u822A\u89C6\u56FE\u4FDD\u6301\u5173\u95ED\uFF0C\u4E0D\u80FD\u7528\u624B\u52BF\u6253\u5F00\uFF1B"}),"\n",(0,i.jsxs)(n.li,{children:["locked-open\uFF0C\u5BFC\u822A\u89C6\u56FE\u4FDD\u6301\u6253\u5F00\uFF0C\u4E0D\u80FD\u7528\u624B\u52BF\u5173\u95ED\uFF0C\u4F46\u4ECD\u7136\u53EF\u4EE5\u901A\u8FC7\u7A0B\u5E8F\u6253\u5F00\u6216\u5173\u95ED\u3002 (",(0,i.jsx)(n.code,{children:"openDrawer"}),"/",(0,i.jsx)(n.code,{children:"closeDrawer"}),")."]}),"\n"]}),"\n",(0,i.jsxs)(n.table,{children:[(0,i.jsx)(n.thead,{children:(0,i.jsxs)(n.tr,{children:[(0,i.jsx)(n.th,{children:"\u7C7B\u578B"}),(0,i.jsx)(n.th,{children:"\u5FC5\u9700"})]})}),(0,i.jsx)(n.tbody,{children:(0,i.jsxs)(n.tr,{children:[(0,i.jsx)(n.td,{children:"enum('unlocked', 'locked-closed', 'locked-open')"}),(0,i.jsx)(n.td,{children:"\u5426"})]})})]}),"\n",(0,i.jsx)(n.hr,{}),"\n",(0,i.jsx)(n.h3,{id:"ondraweropen",children:(0,i.jsx)(n.code,{children:"onDrawerOpen"})}),"\n",(0,i.jsx)(n.p,{children:"\u5BFC\u822A\u89C6\u56FE\u88AB\u6253\u5F00\u540E\u7684\u56DE\u8C03\u51FD\u6570\u3002"}),"\n",(0,i.jsxs)(n.table,{children:[(0,i.jsx)(n.thead,{children:(0,i.jsxs)(n.tr,{children:[(0,i.jsx)(n.th,{children:"\u7C7B\u578B"}),(0,i.jsx)(n.th,{children:"\u5FC5\u9700"})]})}),(0,i.jsx)(n.tbody,{children:(0,i.jsxs)(n.tr,{children:[(0,i.jsx)(n.td,{children:"function"}),(0,i.jsx)(n.td,{children:"\u5426"})]})})]}),"\n",(0,i.jsx)(n.hr,{}),"\n",(0,i.jsx)(n.h3,{id:"ondrawerslide",children:(0,i.jsx)(n.code,{children:"onDrawerSlide"})}),"\n",(0,i.jsx)(n.p,{children:"\u5BFC\u822A\u89C6\u56FE\u53D1\u751F\u4EA4\u4E92\u65F6\u7684\u56DE\u8C03\u51FD\u6570\u3002"}),"\n",(0,i.jsxs)(n.table,{children:[(0,i.jsx)(n.thead,{children:(0,i.jsxs)(n.tr,{children:[(0,i.jsx)(n.th,{children:"\u7C7B\u578B"}),(0,i.jsx)(n.th,{children:"\u5FC5\u9700"})]})}),(0,i.jsx)(n.tbody,{children:(0,i.jsxs)(n.tr,{children:[(0,i.jsx)(n.td,{children:"function"}),(0,i.jsx)(n.td,{children:"\u5426"})]})})]}),"\n",(0,i.jsx)(n.hr,{}),"\n",(0,i.jsx)(n.h3,{id:"ondrawerstatechanged",children:(0,i.jsx)(n.code,{children:"onDrawerStateChanged"})}),"\n",(0,i.jsx)(n.p,{children:"\u5BFC\u822A\u89C6\u56FE\u7684\u72B6\u6001\u53D1\u751F\u53D8\u5316\u65F6\u7684\u56DE\u8C03\u51FD\u6570\u3002\u6709 3 \u79CD\u72B6\u6001\uFF1A"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"idle, \u5BFC\u822A\u89C6\u56FE\u6CA1\u6709\u53D1\u751F\u4EFB\u4F55\u4EA4\u4E92\uFF1B"}),"\n",(0,i.jsx)(n.li,{children:"dragging, \u5BFC\u822A\u89C6\u56FE\u6B63\u5728\u53D1\u751F\u4EA4\u4E92\uFF1B"}),"\n",(0,i.jsx)(n.li,{children:"settling\uFF0C\u5BFC\u822A\u89C6\u56FE\u6B63\u5728\u53D1\u751F\u4EA4\u4E92\uFF0C\u5E76\u4E14\u5BFC\u822A\u89C6\u56FE\u6B63\u5728\u5B8C\u6210\u5176\u5173\u95ED\u6216\u6253\u5F00\u7684\u52A8\u753B\u3002"}),"\n"]}),"\n",(0,i.jsxs)(n.table,{children:[(0,i.jsx)(n.thead,{children:(0,i.jsxs)(n.tr,{children:[(0,i.jsx)(n.th,{children:"\u7C7B\u578B"}),(0,i.jsx)(n.th,{children:"\u5FC5\u9700"})]})}),(0,i.jsx)(n.tbody,{children:(0,i.jsxs)(n.tr,{children:[(0,i.jsx)(n.td,{children:"function"}),(0,i.jsx)(n.td,{children:"\u5426"})]})})]}),"\n",(0,i.jsx)(n.hr,{}),"\n",(0,i.jsx)(n.h3,{id:"drawerbackgroundcolor",children:(0,i.jsx)(n.code,{children:"drawerBackgroun

1dColor"})}),"\n",(0,i.jsx)(n.p,{children:"\u8BBE\u7F6E\u5BFC\u822A\u89C6\u56FE\u7684\u80CC\u666F\u989C\u8272\u3002\u9ED8\u8BA4\u503C\u4E3A\u767D\u8272\u3002\u5982\u679C\u4F60\u60F3\u8BBE\u7F6E\u5BFC\u822A\u89C6\u56FE\u7684\u4E0D\u900F\u660E\u5EA6\uFF0C\u8BF7\u4F7F\u7528 rgba\u3002\u4F8B\u5982\uFF1A"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{children:'return (\n  <DrawerLayoutAndroid drawerBackgroundColor="rgba(0,0,0,0.5)">\n  </DrawerLayoutAndroid>\n);\n'})}),"\n",(0,i.jsxs)(n.table,{children:[(0,i.jsx)(n.thead,{children:(0,i.jsxs)(n.tr,{children:[(0,i.jsx)(n.th,{children:"\u7C7B\u578B"}),(0,i.jsx)(n.th,{children:"\u5FC5\u9700"})]})}),(0,i.jsx)(n.tbody,{children:(0,i.jsxs)(n.tr,{children:[(0,i.jsx)(n.td,{children:(0,i.jsx)(n.a,{href:"/docs/0.80/colors",children:"color"})}),(0,i.jsx)(n.td,{children:"\u5426"})]})})]}),"\n",(0,i.jsx)(n.hr,{}),"\n",(0,i.jsx)(n.h3,{id:"statusbarbackgroundcolor",children:(0,i.jsx)(n.code,{children:"statusBarBackgroundColor"})}),"\n",(0,i.jsx)(n.p,{children:"\u4F7F\u62BD\u5C49\u5360\u6EE1\u6574\u4E2A\u5C4F\u5E55\uFF0C\u5E76\u8BBE\u7F6E\u72B6\u6001\u680F\u989C\u8272(\u652F\u6301 API21+/\u5B89\u5353\u7CFB\u7EDF 5.0 \u4EE5\u4E0A)\n\u4F7F\u5BFC\u822A\u89C6\u56FE\u5360\u6EE1\u6574\u4E2A\u5C4F\u5E55\uFF0C\u5E76\u8BBE\u7F6E\u72B6\u6001\u680F\u80CC\u666F\uFF0C\u5141\u8BB8\u4ED6\u5728\u72B6\u6001\u680F\u4E0A\u6253\u5F00\u3002\u4EC5\u5728 API 21 \u53CA\u4EE5\u4E0A\u7248\u672C\u6709\u6548\u3002"}),"\n",(0,i.jsxs)(n.table,{children:[(0,i.jsx)(n.thead,{children:(0,i.jsxs)(n.tr,{children:[(0,i.jsx)(n.th,{children:"\u7C7B\u578B"}),(0,i.jsx)(n.th,{children:"\u5FC5\u9700"})]})}),(0,i.jsx)(n.tbody,{children:(0,i.jsxs)(n.tr,{children:[(0,i.jsx)(n.td,{children:(0,i.jsx)(n.a,{href:"/docs/0.80/colors",children:"color"})}),(0,i.jsx)(n.td,{children:"\u5426"})]})})]}

1),"\n",(0,i.jsx)(n.h2,{id:"\u65B9\u6CD5",children:"\u65B9\u6CD5"}),"\n",(0,i.jsx)(n.h3,{id:"opendrawer",children:(0,i.jsx)(n.code,{children:"openDrawer()"})}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-jsx",metastring:'title="React JSX"',children:"openDrawer();\n"})}),"\n",(0,i.jsx)(n.p,{children:"\u6253\u5F00\u5BFC\u822A\u89C6\u56FE\u3002"}),"\n",(0,i.jsx)(n.hr,{}),"\n",(0,i.jsx)(n.h3,{id:"closedrawer",children:(0,i.jsx)(n.code,{children:"closeDrawer()"})}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-jsx",metastring:'title="React JSX"',children:"closeDrawer();\n"})}),"\n",(0,i.jsx)(n.p,{children:"\u5173\u95ED\u5BFC\u822A\u89C6\u56FE\u3002"})]})}function h(e={}){let{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(c,{...e})}):c(e)}},43023(e,n,r){r.d(n,{R:()=>s,x:()=>l});var d=r(63696);let i={},t=d.createContext(i);function s(e){let n=d.useContext(t);return d.useMemo(function(){return"function"==typeof e?e(n):{...n,...e}},[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:s(e.components),d.createElement(t.Provider,{value:n},e.children)}}}]);