mirror of
https://github.com/status-im/react-native.git
synced 2025-01-10 01:25:39 +00:00
ee8496f364
Summary:
Allows developers to specify headers to include in the HTTP request
when fetching a remote image. For example, one might leverage this
when fetching an image from an endpoint that requires authentication:
```
<Image
style={styles.logo}
source={{
uri: 'http://facebook.github.io/react/img/logo_og.png',
headers: {
Authorization: 'someAuthToken'
}
}}
/>
```
Note that the header values must be strings.
Works on iOS and Android.
**Test plan (required)**
- Ran a small example like the one above on iOS and Android and ensured the headers were sent to the server.
- Ran a small example to ensure that \<Image\> components without headers still work.
- Currently using this code in our app.
Adam Comella
Microsoft Corp.
Closes https://github.com/facebook/react-native/pull/7338
Reviewed By: javache
Differential Revision: D3371458
Pulled By: nicklockwood
fbshipit-source-id: cdb24fe2572c3ae3ba82c86ad383af6d85157e20
95 lines
2.5 KiB
Objective-C
95 lines
2.5 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 "RCTImageSource.h"
|
|
#import "RCTUtils.h"
|
|
|
|
@interface RCTImageSource ()
|
|
|
|
@property (nonatomic, assign) BOOL packagerAsset;
|
|
|
|
@end
|
|
|
|
@implementation RCTImageSource
|
|
|
|
- (instancetype)initWithURLRequest:(NSURLRequest *)request size:(CGSize)size scale:(CGFloat)scale
|
|
{
|
|
if ((self = [super init])) {
|
|
_request = [request copy];
|
|
_size = size;
|
|
_scale = scale;
|
|
}
|
|
return self;
|
|
}
|
|
|
|
- (instancetype)imageSourceWithSize:(CGSize)size scale:(CGFloat)scale
|
|
{
|
|
RCTImageSource *imageSource = [[RCTImageSource alloc] initWithURLRequest:_request
|
|
size:size
|
|
scale:scale];
|
|
imageSource.packagerAsset = _packagerAsset;
|
|
return imageSource;
|
|
}
|
|
|
|
- (BOOL)isEqual:(RCTImageSource *)object
|
|
{
|
|
if (![object isKindOfClass:[RCTImageSource class]]) {
|
|
return NO;
|
|
}
|
|
return [_request isEqual:object.request] && _scale == object.scale &&
|
|
(CGSizeEqualToSize(_size, object.size) || CGSizeEqualToSize(object.size, CGSizeZero));
|
|
}
|
|
|
|
@end
|
|
|
|
|
|
@implementation RCTImageSource (Deprecated)
|
|
|
|
- (NSURL *)imageURL
|
|
{
|
|
return self.request.URL;
|
|
}
|
|
|
|
@end
|
|
|
|
@implementation RCTConvert (ImageSource)
|
|
|
|
+ (RCTImageSource *)RCTImageSource:(id)json
|
|
{
|
|
if (!json) {
|
|
return nil;
|
|
}
|
|
|
|
NSURLRequest *request;
|
|
CGSize size = CGSizeZero;
|
|
CGFloat scale = 1.0;
|
|
BOOL packagerAsset = NO;
|
|
if ([json isKindOfClass:[NSDictionary class]]) {
|
|
if (!(request = [self NSURLRequest:json])) {
|
|
return nil;
|
|
}
|
|
size = [self CGSize:json];
|
|
scale = [self CGFloat:json[@"scale"]] ?: [self BOOL:json[@"deprecated"]] ? 0.0 : 1.0;
|
|
packagerAsset = [self BOOL:json[@"__packager_asset"]];
|
|
} else if ([json isKindOfClass:[NSString class]]) {
|
|
request = [self NSURLRequest:json];
|
|
} else {
|
|
RCTLogConvertError(json, @"an image. Did you forget to call resolveAssetSource() on the JS side?");
|
|
return nil;
|
|
}
|
|
|
|
RCTImageSource *imageSource = [[RCTImageSource alloc] initWithURLRequest:request
|
|
size:size
|
|
scale:scale];
|
|
imageSource.packagerAsset = packagerAsset;
|
|
return imageSource;
|
|
}
|
|
|
|
@end
|