(Solved) LVGL image inverted and rough edge artifact issue

I had asked the question on Stack exchange here and had answered myself with a fix after I found out how to fix it.

Summary of the issue

I have ILI9341 320x240px TFT LCD screen which I am using with an ESP32-S3-wroom-1 module.

I have tested with TFT_eSPI and it works fine, but when using LVGL, I am seeing weird artifacts on the edges and a lot of green 😀 , it looks as if it is inverted.

Solution

Turns out, I had to disable LV_COLOR_16_SWAP I had been trying with different color depths and everything else, I still cannot see gradients appropriately drawn, but the colors seem to be correct now. Please vote up the answer and the question on Arduino stack exchange

Remark

The projects exported using Squareline Studio also tend to have the same issue. There is a request to fix that here.