mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
Nick Lockwood
46c02b6ae5
Summary: This diff refactors the view update process into two stages: 1. The `reactSubviews` array is set, whose order matches the order of the JS components and shadowView components, as specified by the UIManager. 2. The `didUpdateReactSubviews` method is called, which actually inserts the reactSubviews into the view hierarchy. This simplifies a lot of the hacks we had for special-case treatment of subviews: In many cases we don't want to actually insert `reactSubviews` into the parentView, and we had a bunch of component-specific solutions for that (typically overriding all of the reactSubviews methods to store views in an array). Now, we can simply override the `didUpdateReactSubviews` method for those views to do nothing, or do something different. Reviewed By: wwjholmes Differential Revision: D3396594 fbshipit-source-id: 92fc56fd31db0cfc66aac3d1634a4d4ae3903085
120 lines
3.5 KiB
Objective-C
120 lines
3.5 KiB
Objective-C
/**
|
|
* The examples provided by Facebook are for non-commercial testing and
|
|
* evaluation purposes only.
|
|
*
|
|
* Facebook reserves all rights not expressly granted.
|
|
*
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
|
|
* OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
|
|
* FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
|
|
* AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
|
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
*/
|
|
|
|
#import "AppDelegate.h"
|
|
|
|
#import "FlexibleSizeExampleView.h"
|
|
#import "RCTJavaScriptLoader.h"
|
|
#import "RCTBridge.h"
|
|
#import "RCTRootView.h"
|
|
#import "RCTRootViewDelegate.h"
|
|
|
|
#import "RCTViewManager.h"
|
|
|
|
@interface FlexibleSizeExampleViewManager : RCTViewManager
|
|
|
|
@end
|
|
|
|
@implementation FlexibleSizeExampleViewManager
|
|
|
|
RCT_EXPORT_MODULE();
|
|
|
|
- (UIView *)view
|
|
{
|
|
return [FlexibleSizeExampleView new];
|
|
}
|
|
|
|
@end
|
|
|
|
|
|
@interface FlexibleSizeExampleView ()<RCTRootViewDelegate>
|
|
|
|
@end
|
|
|
|
|
|
@implementation FlexibleSizeExampleView
|
|
{
|
|
RCTRootView *_resizableRootView;
|
|
UITextView *_currentSizeTextView;
|
|
BOOL _sizeUpdated;
|
|
}
|
|
|
|
- (instancetype)initWithFrame:(CGRect)frame
|
|
{
|
|
if ((self = [super initWithFrame:frame])) {
|
|
_sizeUpdated = NO;
|
|
|
|
AppDelegate *appDelegate = (AppDelegate *)[[UIApplication sharedApplication] delegate];
|
|
|
|
_resizableRootView = [[RCTRootView alloc] initWithBridge:appDelegate.bridge
|
|
moduleName:@"RootViewSizeFlexibilityExampleApp"
|
|
initialProperties:@{}];
|
|
|
|
[_resizableRootView setSizeFlexibility:RCTRootViewSizeFlexibilityHeight];
|
|
|
|
_currentSizeTextView = [UITextView new];
|
|
_currentSizeTextView.editable = NO;
|
|
_currentSizeTextView.text = @"Resizable view has not been resized yet";
|
|
_currentSizeTextView.textColor = [UIColor blackColor];
|
|
_currentSizeTextView.backgroundColor = [UIColor whiteColor];
|
|
_currentSizeTextView.font = [UIFont boldSystemFontOfSize:10];
|
|
|
|
_resizableRootView.delegate = self;
|
|
|
|
[self addSubview:_currentSizeTextView];
|
|
[self addSubview:_resizableRootView];
|
|
}
|
|
return self;
|
|
}
|
|
|
|
- (void)layoutSubviews
|
|
{
|
|
float textViewHeight = 60;
|
|
float spacingHeight = 10;
|
|
[_resizableRootView setFrame:CGRectMake(0, textViewHeight + spacingHeight, self.frame.size.width, _resizableRootView.frame.size.height)];
|
|
[_currentSizeTextView setFrame:CGRectMake(0, 0, self.frame.size.width, textViewHeight)];
|
|
}
|
|
|
|
|
|
- (NSArray<UIView<RCTComponent> *> *)reactSubviews
|
|
{
|
|
// this is to avoid unregistering our RCTRootView when the component is removed from RN hierarchy
|
|
(void)[super reactSubviews];
|
|
return @[];
|
|
}
|
|
|
|
|
|
#pragma mark - RCTRootViewDelegate
|
|
|
|
- (void)rootViewDidChangeIntrinsicSize:(RCTRootView *)rootView
|
|
{
|
|
CGRect newFrame = rootView.frame;
|
|
newFrame.size = rootView.intrinsicSize;
|
|
|
|
if (!_sizeUpdated) {
|
|
_sizeUpdated = TRUE;
|
|
_currentSizeTextView.text = [NSString stringWithFormat:@"RCTRootViewDelegate: content with initially unknown size has appeared, updating root view's size so the content fits."];
|
|
|
|
} else {
|
|
_currentSizeTextView.text = [NSString stringWithFormat:@"RCTRootViewDelegate: content size has been changed to (%ld, %ld), updating root view's size.",
|
|
(long)newFrame.size.width,
|
|
(long)newFrame.size.height];
|
|
|
|
}
|
|
|
|
rootView.frame = newFrame;
|
|
}
|
|
|
|
@end
|