Merge branch 'main' into add-close-accessibility-tap-area

react-navigation · Feb 12, 2023 · e7cbdf7 · e7cbdf7
2 parents 63229a7 + 99ff9f7
commit e7cbdf7
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/packages/drawer/src/views/DrawerItem.tsx b/packages/drawer/src/views/DrawerItem.tsx
@@ -81,6 +81,15 @@ type Props = {
    * Whether label font should scale to respect Text Size accessibility settings.
    */
   allowFontScaling?: boolean;
+
+  /**
+   * Accessibility label for drawer item.
+   */
+  accessibilityLabel?: string;
+  /**
+   * ID to locate this drawer item in tests.
+   */
+  testID?: string;
 };
 
 const LinkPressable = ({
@@ -160,6 +169,8 @@ export default function DrawerItem(props: Props) {
     onPress,
     pressColor,
     pressOpacity,
+    testID,
+    accessibilityLabel,
     ...rest
   } = props;
 
@@ -178,8 +189,10 @@ export default function DrawerItem(props: Props) {
       style={[styles.container, { borderRadius, backgroundColor }, style]}
     >
       <LinkPressable
+        testID={testID}
         onPress={onPress}
         style={[styles.wrapper, { borderRadius }]}
+        accessibilityLabel={accessibilityLabel}
         accessibilityRole="button"
         accessibilityState={{ selected: focused }}
         pressColor={pressColor}