Sometimes markdown images do not get rendered

[Mohit21GoJs]

Hi

I am trying to render markdown in my rn app

Here is the markdown which is not rendering

🛍️ Available Product Options

═════════

📦 Option 1: jbl headphones

💰 Price: AED 199.00

🖼️ Product Image:

🔗 🛒 View on Amazon

═══════════════════════════════════════════════════

Here is how it renders:

I am overriding styles of this app in the app like:

const markdownStyles = {
	body: {
		color: "#333",
		fontSize: 16,
		fontFamily: FONT_FAMILY.medium,
	},
	code_inline: {
		backgroundColor: "#eee",
		borderRadius: 4,
		padding: 4,
		fontFamily: FONT_FAMILY.medium,
	},
	// Update image styling
	image: {
		width: '100%',
		height: 200,
		resizeMode: 'contain',
		borderRadius: 8,
		marginVertical: 8,
	},
	// Add container styles for better layout
	container: {
		flex: 1,
	},
	// Add specific style for image container
	imageContainer: {
		flex: 1,
		width: '100%',
		minHeight: 200, // Ensure minimum height for the image
	},
};

Is there a possible fix for this?