mirror of
https://github.com/status-im/react-native.git
synced 2025-01-10 17:45:59 +00:00
37f4ec6e16
Summary: To prevent layout popping, when inserting images inside text we would render a blank placeholder image while the real image was loading. It turns out that this isn't necessary, as we can just specify the size of the image without having an actual image to display. Reviewed By: javache Differential Revision: D3212766 fb-gh-sync-id: e98851b32a2d0ae809fc0a4be47e6b77f3b17996 fbshipit-source-id: e98851b32a2d0ae809fc0a4be47e6b77f3b17996
83 lines
2.0 KiB
Objective-C
83 lines
2.0 KiB
Objective-C
/**
|
|
* Copyright (c) 2015-present, Facebook, Inc.
|
|
* All rights reserved.
|
|
*
|
|
* This source code is licensed under the BSD-style license found in the
|
|
* LICENSE file in the root directory of this source tree. An additional grant
|
|
* of patent rights can be found in the PATENTS file in the same directory.
|
|
*/
|
|
|
|
#import "RCTShadowVirtualImage.h"
|
|
#import "RCTImageLoader.h"
|
|
#import "RCTImageUtils.h"
|
|
#import "RCTBridge.h"
|
|
#import "RCTConvert.h"
|
|
#import "RCTUIManager.h"
|
|
#import "RCTUtils.h"
|
|
|
|
@implementation RCTShadowVirtualImage
|
|
{
|
|
RCTBridge *_bridge;
|
|
RCTImageLoaderCancellationBlock _cancellationBlock;
|
|
}
|
|
|
|
@synthesize image = _image;
|
|
|
|
- (instancetype)initWithBridge:(RCTBridge *)bridge
|
|
{
|
|
if ((self = [super init])) {
|
|
_bridge = bridge;
|
|
}
|
|
return self;
|
|
}
|
|
|
|
RCT_NOT_IMPLEMENTED(-(instancetype)init)
|
|
|
|
- (void)didSetProps:(NSArray<NSString *> *)changedProps
|
|
{
|
|
[super didSetProps:changedProps];
|
|
|
|
if (changedProps.count == 0) {
|
|
// No need to reload image
|
|
return;
|
|
}
|
|
|
|
// Cancel previous request
|
|
if (_cancellationBlock) {
|
|
_cancellationBlock();
|
|
}
|
|
|
|
CGSize imageSize = {
|
|
RCTZeroIfNaN(self.width),
|
|
RCTZeroIfNaN(self.height),
|
|
};
|
|
|
|
__weak RCTShadowVirtualImage *weakSelf = self;
|
|
_cancellationBlock = [_bridge.imageLoader loadImageWithTag:_source.imageURL.absoluteString
|
|
size:imageSize
|
|
scale:RCTScreenScale()
|
|
resizeMode:_resizeMode
|
|
progressBlock:nil
|
|
completionBlock:^(NSError *error, UIImage *image) {
|
|
|
|
dispatch_async(_bridge.uiManager.methodQueue, ^{
|
|
RCTShadowVirtualImage *strongSelf = weakSelf;
|
|
if (![_source isEqual:strongSelf.source]) {
|
|
// Bail out if source has changed since we started loading
|
|
return;
|
|
}
|
|
strongSelf->_image = image;
|
|
[strongSelf dirtyText];
|
|
});
|
|
}];
|
|
}
|
|
|
|
- (void)dealloc
|
|
{
|
|
if (_cancellationBlock) {
|
|
_cancellationBlock();
|
|
}
|
|
}
|
|
|
|
@end
|