mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
Kevin GonzalesandFacebook Github Bot
0a525b6d9d
Summary: With a Picker we would like to allow accessibility labels to be passed as a prop for situations where we want go give more detail. For example if we have a number picker that will be used for a timer instead of just saying 3, we might want to say 3 hours. ## Changelog [General] [Added] - Picker test with an accessibility label prop [General] [Added] - Support for accessibility Label prop to the Picker component Pull Request resolved: https://github.com/facebook/react-native/pull/27342 Test Plan: Test plan is testing in RNTester making sure the examples work Differential Revision: D18770184 Pulled By: hramos fbshipit-source-id: e6f8ab4a9c50f3fb46342198441ecc71394913d3
119 lines
3.3 KiB
Objective-C
119 lines
3.3 KiB
Objective-C
/*
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*/
|
|
|
|
#import "RCTPicker.h"
|
|
|
|
#import "RCTConvert.h"
|
|
#import "RCTUtils.h"
|
|
|
|
@interface RCTPicker() <UIPickerViewDataSource, UIPickerViewDelegate, UIPickerViewAccessibilityDelegate>
|
|
@end
|
|
|
|
@implementation RCTPicker
|
|
|
|
- (instancetype)initWithFrame:(CGRect)frame
|
|
{
|
|
if ((self = [super initWithFrame:frame])) {
|
|
_color = [UIColor blackColor];
|
|
_font = [UIFont systemFontOfSize:21]; // TODO: selected title default should be 23.5
|
|
_selectedIndex = NSNotFound;
|
|
_textAlign = NSTextAlignmentCenter;
|
|
self.delegate = self;
|
|
[self selectRow:0 inComponent:0 animated:YES]; // Workaround for missing selection indicator lines (see https://stackoverflow.com/questions/39564660/uipickerview-selection-indicator-not-visible-in-ios10)
|
|
}
|
|
return self;
|
|
}
|
|
|
|
RCT_NOT_IMPLEMENTED(- (instancetype)initWithCoder:(NSCoder *)aDecoder)
|
|
|
|
- (void)setItems:(NSArray<NSDictionary *> *)items
|
|
{
|
|
_items = [items copy];
|
|
[self setNeedsLayout];
|
|
}
|
|
|
|
- (void)setSelectedIndex:(NSInteger)selectedIndex
|
|
{
|
|
if (_selectedIndex != selectedIndex) {
|
|
BOOL animated = _selectedIndex != NSNotFound; // Don't animate the initial value
|
|
_selectedIndex = selectedIndex;
|
|
dispatch_async(dispatch_get_main_queue(), ^{
|
|
[self selectRow:selectedIndex inComponent:0 animated:animated];
|
|
});
|
|
}
|
|
}
|
|
|
|
#pragma mark - UIPickerViewDataSource protocol
|
|
|
|
- (NSInteger)numberOfComponentsInPickerView:(__unused UIPickerView *)pickerView
|
|
{
|
|
return 1;
|
|
}
|
|
|
|
- (NSInteger)pickerView:(__unused UIPickerView *)pickerView
|
|
numberOfRowsInComponent:(__unused NSInteger)component
|
|
{
|
|
return _items.count;
|
|
}
|
|
|
|
#pragma mark - UIPickerViewDelegate methods
|
|
|
|
- (NSString *)pickerView:(__unused UIPickerView *)pickerView
|
|
titleForRow:(NSInteger)row
|
|
forComponent:(__unused NSInteger)component
|
|
{
|
|
return [RCTConvert NSString:_items[row][@"label"]];
|
|
}
|
|
|
|
- (CGFloat)pickerView:(__unused UIPickerView *)pickerView rowHeightForComponent:(NSInteger)__unused component {
|
|
return _font.pointSize + 19;
|
|
}
|
|
|
|
- (UIView *)pickerView:(UIPickerView *)pickerView
|
|
viewForRow:(NSInteger)row
|
|
forComponent:(NSInteger)component
|
|
reusingView:(UILabel *)label
|
|
{
|
|
if (!label) {
|
|
label = [[UILabel alloc] initWithFrame:(CGRect){
|
|
CGPointZero,
|
|
{
|
|
[pickerView rowSizeForComponent:component].width,
|
|
[pickerView rowSizeForComponent:component].height,
|
|
}
|
|
}];
|
|
}
|
|
|
|
label.font = _font;
|
|
|
|
label.textColor = [RCTConvert UIColor:_items[row][@"textColor"]] ?: _color;
|
|
|
|
label.textAlignment = _textAlign;
|
|
label.text = [self pickerView:pickerView titleForRow:row forComponent:component];
|
|
return label;
|
|
}
|
|
|
|
- (void)pickerView:(__unused UIPickerView *)pickerView
|
|
didSelectRow:(NSInteger)row inComponent:(__unused NSInteger)component
|
|
{
|
|
_selectedIndex = row;
|
|
if (_onChange && _items.count > (NSUInteger)row) {
|
|
_onChange(@{
|
|
@"newIndex": @(row),
|
|
@"newValue": RCTNullIfNil(_items[row][@"value"]),
|
|
});
|
|
}
|
|
}
|
|
|
|
#pragma mark - UIPickerViewAccessibilityDelegate protocol
|
|
|
|
- (NSString *)pickerView:(UIPickerView *)pickerView accessibilityLabelForComponent:(NSInteger)component{
|
|
return super.accessibilityLabel;
|
|
}
|
|
|
|
@end
|