Blob and fetch module is not compatible correctly

[sm2017]

Is this a bug report?

Yes

Have you read the Contributing Guidelines?

Yes

Environment

OS:  Windows 10
Node: v8.1.3
Yarn:  1.2.0
npm:  5.0.3
Watchman: Not Found
Xcode:  Not Found
Android Studio:  2.3.3

Packages: (wanted => installed)
    react-native: 0.49.5 => 0.49.5
    react: 16.0.0-alpha.12 => 16.0.0-alpha.12

Target Platform: Android - iOS

Steps to Reproduce

Run the following code

import React, { Component } from 'react';
import {
  Text,
} from 'react-native';


export default class App extends Component {

  async componentDidMount() {
    const fetchResponse = await fetch('https://postman-echo.com/post', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/octet-stream',
      },
     body: new Uint8Array([1,2,3,4,5,6,7,8,9,0]),
    });

   const fetchResponseBody = await fetchResponse.arrayBuffer();
  }

  render() {
    return (
        <Text>
          Open console and see logs
        </Text>
    );
  }
}

The first issue is TypeError: fetchResponse.arrayBuffer is not a function , to solve it follow https://github.com/facebook/react-native/pull/16585/files so we have no error at https://github.com/github/fetch/blob/master/fetch.js#L16 for new Blob()

But new issue is here https://github.com/facebook/react-native/blob/master/Libraries/Blob/Blob.js#L99 before running fetchResponse.arrayBuffer();

Expected Behavior

According to https://developer.mozilla.org/en-US/docs/Web/API/Response

Response implements Body, so it also has the following methods available to it:

Body.arrayBuffer()
Takes a Response stream and reads it to completion. It returns a promise that resolves with an ArrayBuffer.
Body.blob()
Takes a Response stream and reads it to completion. It returns a promise that resolves with a Blob.
Body.formData()
Takes a Response stream and reads it to completion. It returns a promise that resolves with a FormData object.
Body.json()
Takes a Response stream and reads it to completion. It returns a promise that resolves with the result of parsing the body text as JSON.
Body.text()
Takes a Response stream and reads it to completion. It returns a promise that resolves with a USVString (text).

and currently we missing Body.arrayBuffer() and Body.blob()

Actual Behavior

We have some error
1- TypeError: fetchResponse.arrayBuffer is not a function for Body.arrayBuffer() , more details at #16585
2- Can currently only create a Blob from other Blobs at https://github.com/facebook/react-native/blob/master/Libraries/Blob/Blob.js#L99

Reproducible Demo

Replace App component in the new initialized project

[sm2017]

Please reply

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Maybe the issue has been fixed in a recent release, or perhaps it is not affecting a lot of people. If you think this issue should definitely remain open, please let us know why. Thank you for your contributions.

[sm2017]

@facebook reply me

[thelostcode]

@facebook @sm2017 .. yes please reply him

[xinlangzi]

I'm facing this challenge too. Please help.

[ide]

Blob support with fetch() is first landing with React Native 0.54, the March release. This is the first implementation and please understand if it does not implement the complete API or if there are implementation bugs.

[stale]

Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as "For Discussion" or "Good first issue" and I will leave it open. Thank you for your contributions.

[react-native-bot]

It looks like your issue may refer to an older version of React Native. Can you reproduce the issue on the latest release, v0.55?