navigation: LeftBar/RightBar UI block error

Getting an exception error while having an Image component as a child, for both LeftBar and RightBar.

<LeftBar>
  <Image source={{uri: "https://source.unsplash.com/-djRG1vB1pw/100x100"}} style={{...}} />
</LeftBar>

I tried using BarButton and works well, but displays a blue box instead of the actual image.

<LeftBar>
  <BarButton image={{uri: "https://source.unsplash.com/-djRG1vB1pw/100x100"}} />
</LeftBar>

The TitleBar however, works as expected.

<TitleBar>
  <Image
    source={{uri: "https://source.unsplash.com/-djRG1vB1pw/100x100"}}
    style={{...}}
  />
</TitleBar>