Added accessibility prop to TextField's right button (#876)

* add accessibility prop to TextField's right button

* Use ...others- spread and passing directly the accessibilityLabel

Author: mendyEdri

demo/src/screens/componentScreens/TextFieldScreen/InputsScreen.js

@@ -216,7 +216,7 @@ export default class InputsScreen extends Component {
             containerStyle={{marginBottom: INPUT_SPACING}}
             floatingPlaceholder
             placeholder="With right button"
-            rightButtonProps={{iconSource: richText, onPress: this.onPressInfo}}
+            rightButtonProps={{iconSource: richText, onPress: this.onPressInfo, accessibilityLabel: 'TextField Info'}}
           />
 
           <TextField

src/components/inputs/TextField.js

@@ -171,7 +171,8 @@ export default class TextField extends BaseInput {
       iconSource: RNImage.propTypes.source,
       iconColor: PropTypes.string,
       onPress: PropTypes.func,
-      style: PropTypes.oneOfType([PropTypes.object, PropTypes.number])
+      style: PropTypes.oneOfType([PropTypes.object, PropTypes.number]),
+      accessibilityLabel: PropTypes.string
     }),
     /**
      * Pass to render a leading icon to the TextInput value. Accepts Image props (doesn't work with floatingPlaceholder)
@@ -606,10 +607,13 @@ export default class TextField extends BaseInput {
   renderRightButton() {
     if (this.shouldDisplayRightButton()) {
       const {rightButtonProps} = this.getThemeProps();
-      const {style, iconSource, iconColor} = rightButtonProps;
+      const {style, iconSource, iconColor, accessibilityLabel, ...others} = rightButtonProps;
 
       return (
-        <TouchableOpacity style={[this.styles.rightButton, style]} onPress={this.onPressRightButton}>
+        <TouchableOpacity
+          {...others} accessibilityLabel={accessibilityLabel} 
+          style={[this.styles.rightButton, style]} onPress={this.onPressRightButton}
+        >
           <Image
             pointerEvents="none"
             source={iconSource}