WebSocketImage.js

class WebSocketImage extends React.Component {
  state = {
    blob: null,
  };

  componentDidMount() {
    let ws = this.ws = new WebSocket(...);
    ws.binaryType = 'blob';
    ws.onmessage = (event) => {
      if (this.state.blob) {
        // Dispose of the old blob if there is one.
        this.state.blob.close();
      }
      this.setState({blob: event.data});
    };
  }
  
  componentUnmount() {
    if (this.state.blob) {
      this.state.blob.close();
    }
    this.ws.close();
  }
  
  render() {
    if (!this.state.blob) {
      return <View />;
    }
    return <Image source={{uri: URL.createObjectURL(this.state.blob)}} />;
  }
}