mirror of
https://github.com/status-im/react-native.git
synced 2025-01-17 21:11:45 +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
83 lines
2.8 KiB
Objective-C
83 lines
2.8 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 "RCTInputAccessoryViewContent.h"
|
|
|
|
#import <React/UIView+React.h>
|
|
|
|
@implementation RCTInputAccessoryViewContent
|
|
{
|
|
UIView *_safeAreaContainer;
|
|
NSLayoutConstraint *_heightConstraint;
|
|
}
|
|
|
|
- (instancetype)init
|
|
{
|
|
if (self = [super init]) {
|
|
_safeAreaContainer = [UIView new];
|
|
[self addSubview:_safeAreaContainer];
|
|
|
|
// Use autolayout to position the view properly and take into account
|
|
// safe area insets on iPhone X.
|
|
// TODO: Support rotation, anchor to left and right without breaking frame x coordinate (T27974328).
|
|
self.autoresizingMask = UIViewAutoresizingFlexibleHeight;
|
|
_safeAreaContainer.translatesAutoresizingMaskIntoConstraints = NO;
|
|
|
|
_heightConstraint = [_safeAreaContainer.heightAnchor constraintEqualToConstant:0];
|
|
_heightConstraint.active = YES;
|
|
|
|
if (@available(iOS 11.0, *)) {
|
|
[_safeAreaContainer.bottomAnchor constraintEqualToAnchor:self.safeAreaLayoutGuide.bottomAnchor].active = YES;
|
|
[_safeAreaContainer.topAnchor constraintEqualToAnchor:self.safeAreaLayoutGuide.topAnchor].active = YES;
|
|
[_safeAreaContainer.leadingAnchor constraintEqualToAnchor:self.safeAreaLayoutGuide.leadingAnchor].active = YES;
|
|
[_safeAreaContainer.trailingAnchor constraintEqualToAnchor:self.safeAreaLayoutGuide.trailingAnchor].active = YES;
|
|
} else {
|
|
[_safeAreaContainer.bottomAnchor constraintEqualToAnchor:self.bottomAnchor].active = YES;
|
|
[_safeAreaContainer.topAnchor constraintEqualToAnchor:self.topAnchor].active = YES;
|
|
[_safeAreaContainer.leadingAnchor constraintEqualToAnchor:self.leadingAnchor].active = YES;
|
|
[_safeAreaContainer.trailingAnchor constraintEqualToAnchor:self.trailingAnchor].active = YES;
|
|
}
|
|
}
|
|
return self;
|
|
}
|
|
|
|
- (CGSize)intrinsicContentSize
|
|
{
|
|
// This is needed so the view size is based on autolayout constraints.
|
|
return CGSizeZero;
|
|
}
|
|
|
|
- (void)reactSetFrame:(CGRect)frame
|
|
{
|
|
// We still need to set the frame here, otherwise it won't be
|
|
// measured until moved to the window during the keyboard opening
|
|
// animation. If this happens, the height will be animated from 0 to
|
|
// its actual size and we don't want that.
|
|
[self setFrame:frame];
|
|
[_safeAreaContainer setFrame:frame];
|
|
|
|
_heightConstraint.constant = frame.size.height;
|
|
[self layoutIfNeeded];
|
|
}
|
|
|
|
- (void)insertReactSubview:(UIView *)subview atIndex:(NSInteger)index
|
|
{
|
|
[super insertReactSubview:subview atIndex:index];
|
|
[_safeAreaContainer insertSubview:subview atIndex:index];
|
|
}
|
|
|
|
- (void)removeReactSubview:(UIView *)subview
|
|
{
|
|
[super removeReactSubview:subview];
|
|
[subview removeFromSuperview];
|
|
if ([[_safeAreaContainer subviews] count] == 0 && [self isFirstResponder]) {
|
|
[self resignFirstResponder];
|
|
}
|
|
}
|
|
|
|
@end
|