Markdown image size is incorrect

[ssmlee04]

When I was trying to display this image

The screen seems to display only the center of the image for some reason

Is there something that I did wrong?

[CharlesMangwa]

Hi! Can you show me your code plz? I have an idea about what could be the problem.

[ssmlee04]

var str = "![](https://d1rnv32spgedkm.cloudfront.net/image%2Fde3%2Fa6b%2F650%2Fe26cf40afb5ded4.jpg)

return (<Markdown>
  { str }
</Markdown>)

And I think that's basically it.

[CharlesMangwa]

You're displaying content but it doesn't correspond to the variable str which contains the URL. Maybe that's where your error come from.

[ssmlee04]

It's a typo. I just edited it. Sorry..

[CharlesMangwa]

OK I got it: the issue is on my side. I have to set the resizeMode prop of the Image element, and I think it will between cover or contain.
The problem is the margin though. With cover you have no margin, but the image is cropped:

With the contain prop you have this huge margin depending on the size of the picture:

What do you think about it?

[ssmlee04]

I think it's all fine depends on the use case. However do you think maybe pass something like image style into <Markdown > is a good idea?

[CharlesMangwa]

Well it wouldn't work though because resizeMode is handle by <Image /> props, not by its style. And there's no style property for this use case in RN I think.

[ssmlee04]

I was kind of thinking maybe something like {resizeMode==='contain' && <Image resizeMode={'contain'} /> || <Image resizeMode={'cover'} />}.

[CharlesMangwa]

Oh ok! Sorry I didn't get you. For the time being, it seems to be a good idea: I just implemented it, you can update with a npm i react-native-simple-markdown. Tell me if it's ok!

[ssmlee04]

For those images whose height is greater than width the output seems to be weird..

[CharlesMangwa]

Your image seems to be the same here:

and here:

Where's the differences plz?

[ssmlee04]

I think normally markdown images wouldn't have anything to do with alignments but I guess I can do something from my side anyways. :) thanks!

[CharlesMangwa]

Your welcome!

[CharlesMangwa]

Closing issue #8