mirror of
https://github.com/status-im/react-native.git
synced 2025-01-13 02:54:42 +00:00
2191eecf54
Summary: When using an InputAccessoryView attached to a TextInput the safe area insets are not applied properly. This uses different autolayout constraints that works in all cases I tested, roughly based on the technique used here https://github.com/stockx/SafeAreaInputAccessoryViewWrapperView/blob/master/SafeAreaInputAccessoryViewWrapperView/Classes/SafeAreaInputAccessoryViewWrapperView.swift#L38. Pull Request resolved: https://github.com/facebook/react-native/pull/21179 Differential Revision: D9928503 Pulled By: hramos fbshipit-source-id: b1b623334558093042fd94ac85e1b52dd16aa1a0
80 lines
1.9 KiB
Objective-C
80 lines
1.9 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 "RCTInputAccessoryView.h"
|
|
|
|
#import <React/RCTBridge.h>
|
|
#import <React/RCTTouchHandler.h>
|
|
#import <React/UIView+React.h>
|
|
|
|
#import "RCTInputAccessoryViewContent.h"
|
|
|
|
@interface RCTInputAccessoryView()
|
|
|
|
// Overriding `inputAccessoryView` to `readwrite`.
|
|
@property (nonatomic, readwrite, retain) UIView *inputAccessoryView;
|
|
|
|
@end
|
|
|
|
@implementation RCTInputAccessoryView
|
|
{
|
|
BOOL _shouldBecomeFirstResponder;
|
|
}
|
|
|
|
- (instancetype)initWithBridge:(RCTBridge *)bridge
|
|
{
|
|
if (self = [super init]) {
|
|
_inputAccessoryView = [RCTInputAccessoryViewContent new];
|
|
RCTTouchHandler *const touchHandler = [[RCTTouchHandler alloc] initWithBridge:bridge];
|
|
[touchHandler attachToView:_inputAccessoryView];
|
|
}
|
|
return self;
|
|
}
|
|
|
|
- (BOOL)canBecomeFirstResponder
|
|
{
|
|
return true;
|
|
}
|
|
|
|
- (void)reactSetFrame:(CGRect)frame
|
|
{
|
|
[_inputAccessoryView reactSetFrame:frame];
|
|
|
|
if (_shouldBecomeFirstResponder) {
|
|
_shouldBecomeFirstResponder = NO;
|
|
[self becomeFirstResponder];
|
|
}
|
|
}
|
|
|
|
- (void)insertReactSubview:(UIView *)subview atIndex:(NSInteger)index
|
|
{
|
|
[super insertReactSubview:subview atIndex:index];
|
|
[_inputAccessoryView insertReactSubview:subview atIndex:index];
|
|
}
|
|
|
|
- (void)removeReactSubview:(UIView *)subview
|
|
{
|
|
[super removeReactSubview:subview];
|
|
[_inputAccessoryView removeReactSubview:subview];
|
|
}
|
|
|
|
- (void)didUpdateReactSubviews
|
|
{
|
|
// Do nothing, as subviews are managed by `insertReactSubview:atIndex:`.
|
|
}
|
|
|
|
- (void)didSetProps:(NSArray<NSString *> *)changedProps
|
|
{
|
|
// If the accessory view is not linked to a text input via nativeID, assume it is
|
|
// a standalone component that should get focus whenever it is rendered.
|
|
if (![changedProps containsObject:@"nativeID"] && !self.nativeID) {
|
|
_shouldBecomeFirstResponder = YES;
|
|
}
|
|
}
|
|
|
|
@end
|