Local images in Image tags only appear after a hotfix

Author: ZetDudeCreated Apr 8, 2020Updated Nov 1, 2020
Labelsbug

Describe the bug When putting a relative path into the uri field of an Image tag's source property, the image will not display, however it will take the correct amount of "space" given in the width and height of its style property.

Such an issue doesn't occur when loading from an external URL, the image appears immediately

To Reproduce Minimal example:

bash
import React, {Component} from 'react';
import {
  App,
  Window,
  Image,
} from 'proton-native';

export default class Example extends Component {
  render() {
    return (
      <App>
        <Window>
          <Image
            style={{
              width: 64,
              height: 64,
            }}
            source={{uri: "./img/next.png"}}>
          </Image>
        </Window>
      </App>
    );
  }
}

Run with npm run dev and then modify the source uri to something like img/next.png in the case of this example. When saving that change, it should automatically apply a hotfix which makes the image actually appear

Expected behavior The image loads from the relative path immediately

Screenshots Capture1 Capture2

Versions:

  • OS: Windows 10
  • Version 2.0.4
  • Node version 6.13.4

Additional context Possibly related to #262