Android: Support HTTP headers for source prop on <Image> components

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.

Author: Adam Comella

Libraries/Image/Image.android.js

@@ -85,10 +85,14 @@ var Image = React.createClass({
      * This prop can also contain several remote `uri`, specified together with
      * their width and height. The native side will then choose the best `uri` to display
      * based on the measured size of the image container.
+     *
+     * `headers` is an object representing the HTTP headers to send along with the request
+     * for a remote image.
      */
     source: PropTypes.oneOfType([
       PropTypes.shape({
         uri: PropTypes.string,
+        headers: PropTypes.objectOf(PropTypes.string),
       }),
       // Opaque type returned by require('./image.jpg')
       PropTypes.number,
@@ -268,6 +272,7 @@ var Image = React.createClass({
         style,
         shouldNotifyLoadEvents: !!(onLoadStart || onLoad || onLoadEnd),
         src: sources,
+        headers: source.headers,
         loadingIndicatorSrc: loadingIndicatorSource ? loadingIndicatorSource.uri : null,
       });
 
@@ -314,6 +319,7 @@ var styles = StyleSheet.create({
 var cfg = {
   nativeOnly: {
     src: true,
+    headers: true,
     loadingIndicatorSrc: true,
     defaultImageSrc: true,
     imageTag: true,

ReactAndroid/src/main/java/com/facebook/react/views/image/ReactImageManager.java

@@ -20,6 +20,7 @@
 import com.facebook.drawee.backends.pipeline.Fresco;
 import com.facebook.drawee.controller.AbstractDraweeControllerBuilder;
 import com.facebook.react.bridge.ReadableArray;
+import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.common.MapBuilder;
 import com.facebook.react.uimanager.PixelUtil;
 import com.facebook.react.uimanager.SimpleViewManager;
@@ -155,6 +156,11 @@ public void setLoadHandlersRegistered(ReactImageView view, boolean shouldNotifyL
     view.setShouldNotifyLoadEvents(shouldNotifyLoadEvents);
   }
 
+  @ReactProp(name = "headers")
+  public void setHeaders(ReactImageView view, ReadableMap headers) {
+    view.setHeaders(headers);
+  }
+
   @Override
   public @Nullable Map getExportedCustomDirectEventTypeConstants() {
     return MapBuilder.of(

ReactAndroid/src/main/java/com/facebook/react/views/image/ReactImageView.java

@@ -12,8 +12,10 @@
 import javax.annotation.Nullable;
 
 import java.util.Arrays;
+import java.util.HashMap;
 import java.util.LinkedList;
 import java.util.List;
+import java.util.Map;
 
 import android.content.Context;
 import android.graphics.Bitmap;
@@ -51,6 +53,7 @@
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.bridge.ReadableMapKeySetIterator;
 import com.facebook.react.uimanager.PixelUtil;
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.events.EventDispatcher;
@@ -160,6 +163,7 @@ public void process(Bitmap output, Bitmap source) {
   private final @Nullable Object mCallerContext;
   private int mFadeDurationMs = -1;
   private boolean mProgressiveRenderingEnabled;
+  private @Nullable Map<String, String> mHeaders;
 
   // We can't specify rounding in XML, so have to do so here
   private static GenericDraweeHierarchy buildHierarchy(Context context) {
@@ -168,6 +172,20 @@ private static GenericDraweeHierarchy buildHierarchy(Context context) {
         .build();
   }
 
+  private static @Nullable Map<String, String> headersAsMap(ReadableMap readableMap) {
+    if (readableMap == null) {
+      return null;
+    }
+    ReadableMapKeySetIterator iterator = readableMap.keySetIterator();
+    Map<String, String> map = new HashMap<>();
+    while (iterator.hasNextKey()) {
+      String key = iterator.nextKey();
+      String value = readableMap.getString(key);
+      map.put(key, value);
+    }
+    return map;
+  }
+
   public ReactImageView(
       Context context,
       AbstractDraweeControllerBuilder draweeControllerBuilder,
@@ -305,6 +323,10 @@ private void cornerRadii(float[] computedCorners) {
     computedCorners[2] = mBorderCornerRadii != null && !CSSConstants.isUndefined(mBorderCornerRadii[2]) ? mBorderCornerRadii[2] : defaultBorderRadius;
     computedCorners[3] = mBorderCornerRadii != null && !CSSConstants.isUndefined(mBorderCornerRadii[3]) ? mBorderCornerRadii[3] : defaultBorderRadius;
   }
+  
+  public void setHeaders(ReadableMap headers) {
+    mHeaders = headersAsMap(headers);
+  }
 
   public void maybeUpdateView() {
     if (!mIsDirty) {
@@ -369,6 +391,7 @@ public void maybeUpdateView() {
         .setPostprocessor(postprocessor)
         .setResizeOptions(resizeOptions)
         .setAutoRotateEnabled(true)
+        .setHeaders(mHeaders)
         .setProgressiveRenderingEnabled(mProgressiveRenderingEnabled)
         .build();
 

ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageShadowNode.java

@@ -21,6 +21,7 @@
 import com.facebook.csslayout.CSSNode;
 import com.facebook.drawee.controller.AbstractDraweeControllerBuilder;
 import com.facebook.react.bridge.ReadableArray;
+import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.uimanager.annotations.ReactProp;
 import com.facebook.react.views.text.ReactTextInlineImageShadowNode;
 import com.facebook.react.views.text.TextInlineImageSpan;
@@ -33,6 +34,7 @@
 public class FrescoBasedReactTextInlineImageShadowNode extends ReactTextInlineImageShadowNode {
 
   private @Nullable Uri mUri;
+  private ReadableMap mHeaders;
   private final AbstractDraweeControllerBuilder mDraweeControllerBuilder;
   private final @Nullable Object mCallerContext;
 
@@ -68,10 +70,19 @@ public void setSource(@Nullable ReadableArray sources) {
     mUri = uri;
   }
 
+  @ReactProp(name = "headers")
+  public void setHeaders(ReadableMap headers) {
+    mHeaders = headers;
+  }
+
   public @Nullable Uri getUri() {
     return mUri;
   }
 
+  public ReadableMap getHeaders() {
+    return mHeaders;
+  }
+
   // TODO: t9053573 is tracking that this code should be shared
   private static @Nullable Uri getResourceDrawableUri(Context context, @Nullable String name) {
     if (name == null || name.isEmpty()) {
@@ -103,6 +114,7 @@ public TextInlineImageSpan buildInlineImageSpan() {
       height,
       width,
       getUri(),
+      getHeaders(),
       getDraweeControllerBuilder(),
       getCallerContext());
   }

ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageSpan.java

@@ -25,8 +25,13 @@
 import com.facebook.drawee.view.DraweeHolder;
 import com.facebook.imagepipeline.request.ImageRequest;
 import com.facebook.imagepipeline.request.ImageRequestBuilder;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.bridge.ReadableMapKeySetIterator;
 import com.facebook.react.views.text.TextInlineImageSpan;
 
+import java.util.HashMap;
+import java.util.Map;
+
 /**
  * FrescoBasedTextInlineImageSpan is a span for Images that are inside <Text/>. It computes
  * its size based on the input size. When it is time to draw, it will use the Fresco framework to
@@ -48,14 +53,30 @@ public class FrescoBasedReactTextInlineImageSpan extends TextInlineImageSpan {
   private int mHeight;
   private Uri mUri;
   private int mWidth;
+  private @Nullable Map<String, String> mHeaders;
 
   private @Nullable TextView mTextView;
 
+  private static @Nullable Map<String, String> headersAsMap(ReadableMap readableMap) {
+    if (readableMap == null) {
+      return null;
+    }
+    ReadableMapKeySetIterator iterator = readableMap.keySetIterator();
+    Map<String, String> map = new HashMap<>();
+    while (iterator.hasNextKey()) {
+      String key = iterator.nextKey();
+      String value = readableMap.getString(key);
+      map.put(key, value);
+    }
+    return map;
+  }
+
   public FrescoBasedReactTextInlineImageSpan(
       Resources resources,
       int height,
       int width,
       @Nullable Uri uri,
+      ReadableMap headers,
       AbstractDraweeControllerBuilder draweeControllerBuilder,
       @Nullable Object callerContext) {
     mDraweeHolder = new DraweeHolder(
@@ -68,6 +89,7 @@ public FrescoBasedReactTextInlineImageSpan(
     mHeight = height;
     mWidth = width;
     mUri = (uri != null) ? uri : Uri.EMPTY;
+    mHeaders = headersAsMap(headers);
   }
 
   /**
@@ -127,6 +149,7 @@ public void draw(
       Paint paint) {
     if (mDrawable == null) {
       ImageRequest imageRequest = ImageRequestBuilder.newBuilderWithSource(mUri)
+          .setHeaders(mHeaders)
           .build();
 
       DraweeController draweeController = mDraweeControllerBuilder