@@ -332,10 +332,22 @@ Function, that given `{ focused: boolean, color: string, size: number }` returns
332
332
333
333
Color for the icon and label in the active item in the drawer.
334
334
335
+ <img src =" /assets/7.x/drawer/drawerActiveTintColor.png " width =" 500 " alt =" Drawer active tint color " />
336
+
337
+ ``` js
338
+ drawerActiveTintColor: ' green' ,
339
+ ```
340
+
335
341
#### ` drawerActiveBackgroundColor `
336
342
337
343
Background color for the active item in the drawer.
338
344
345
+ <img src =" /assets/7.x/drawer/drawerActiveBackgroundColor.png " width =" 500 " alt =" Drawer active background color " />
346
+
347
+ ``` js
348
+ drawerActiveBackgroundColor: ' #939B6C' ,
349
+ ```
350
+
339
351
#### ` drawerInactiveTintColor `
340
352
341
353
Color for the icon and label in the inactive items in the drawer.
@@ -348,10 +360,35 @@ Background color for the inactive items in the drawer.
348
360
349
361
Style object for the single item, which can contain an icon and/or a label.
350
362
363
+ <img src =" /assets/7.x/drawer/drawerItemStyle.png " width =" 500 " alt =" Drawer item style " />
364
+
365
+ Example:
366
+
367
+ ``` js
368
+ drawerItemStyle: {
369
+ backgroundColor: ' #9dd3c8' ,
370
+ borderColor: ' black' ,
371
+ orderWidth: 2 ,
372
+ opacity: 0.6 ,
373
+ },
374
+ ```
375
+
351
376
#### ` drawerLabelStyle `
352
377
353
378
Style object to apply to the ` Text ` style inside content section which renders a label.
354
379
380
+ <img src =" /assets/7.x/drawer/drawerLabelStyle.png " width =" 500 " alt =" Drawer label style " />
381
+
382
+ Example:
383
+
384
+ ``` js
385
+ drawerLabelStyle: {
386
+ color: ' black' ,
387
+ fontSize: 20 ,
388
+ fontFamily: ' Georgia' ,
389
+ },
390
+ ```
391
+
355
392
#### ` drawerContentContainerStyle `
356
393
357
394
Style object for the content section inside the ` ScrollView ` .
@@ -364,7 +401,7 @@ Style object for the wrapper view.
364
401
365
402
Style object for the drawer component. You can pass a custom background color for a drawer or a custom width here.
366
403
367
- <samp id = " drawer-with- style " />
404
+ <img src = " /assets/7.x/ drawer/drawerStyle.png " width = " 500 " alt = " Drawer style" />
368
405
369
406
``` js
370
407
< Drawer .Navigator
0 commit comments