Hell great koders, I need your help on how I can use dynamic component to modify my app and instead of using a lot of blocks like I have shown to you down here I can just use dynamic component to design my app professionally even more than this one I have now.
However before creating this topic I have already found some guide here
This could have solved my issue but for sure it didn’t though I am using the JSON data as you see here but I am confused because I don’t know which codes will I put into template
This is what I have done without dynamic component
I have made the app and is on play store but I have used a lot of time to complete the app because it required a lot of blocks.
See the screenshots
The results of the above blocks
JSON data
[
{
"vs": "Simba SC vs Coastal Union",
"url1": "https://mahando.com/a-sc/Ruvu-Shooting-Stars-FC.gif",
"url2": "https://mahando.com/a-sc/Simba-SC.gif ",
"clock": "7:00 PM",
"venue": "Mkapa Stadium",
"date": "November 19, 2021",
"sponsor": "NBC Premier League"
},
{
"url1": "https://mahando.com/a-sc/Ruvu-Shooting-Stars-FC.gif",
"url2": "https://mahando.com/a-sc/Simba-SC.gif",
"clock": "7:00 PM",
"date": "November 19, 2021",
"sponsor": "NBC Premier League"
},
{
"url1": "https://mahando.com/a-sc/Mbeya-City-FC.gif",
"url2": "https://mahando.com/a-sc/Mtibwa-Sugar.gif",
"clock": "4:00 PM",
"date": "November 20, 2021",
"sponsor": "NBC Premier League"
},
{
"url1": "https://mahando.com/a-sc/geita.jpg",
"url2": "https://mahando.com/a-sc/Kagera-Sugar-FC.gif",
"clock": "4:00 PM",
"date": "November 20, 2021",
"sponsor": "NBC Premier League"
},
{
"url1": "https://mahando.com/a-sc/Young-Africans-SC.gif",
"url2": "https://mahando.com/a-sc/Namungo-FC.gif",
"clock": "4:00 PM",
"date": "November 20, 2021",
"sponsor": "NBC Premier League"
}
]
Also these blocks
The results of the above blocks
JSON data
[
{
"number": "1",
"team": "Young Africans SC",
"url": "https://mahando.com/a-sc/Young-Africans-SC.gif",
"P": "5",
"W": "5",
"L": "0",
"D": "0",
"Pts": "15"
},
{
"number": "2",
"team": "Simba SC",
"url": "https://mahando.com/a-sc/Simba-SC.gif",
"P": "5",
"W": "3",
"L": "0",
"D": "2",
"Pts": "11"
},
{
"number": "3",
"team": "Polisi Tanzania FC",
"url": "https://mahando.com/a-sc/Tanzania-Polisi-FC.gif",
"P": "5",
"W": "3",
"L": "1",
"D": "1",
"Pts": "10"
},
{
"number": "4",
"team": "Dodoma Jiji FC",
"url": "https://mahando.com/a-sc/Dodoma.jpg",
"P": "5",
"W": "3",
"L": "1",
"D": "1",
"Pts": "10"
},
{
"number": "5",
"team": "Kagera Sugar FC",
"url": "https://mahando.com/a-sc/Kagera-Sugar-FC.gif",
"P": "5",
"W": "2",
"L": "1",
"D": "2",
"Pts": "8"
},
{
"number": "6",
"team": "Mbeya Kwanza FC",
"url": "https://mahando.com/a-sc/Mbeya-kwanza.jpg",
"P": "5",
"W": "1",
"L": "0",
"D": "4",
"Pts": "7"
},
{
"number": "7",
"team": "Mbeya City FC",
"url": "https://mahando.com/a-sc/Mbeya-City-FC.gif",
"P": "5",
"W": "1",
"L": "0",
"D": "4",
"Pts": "7"
},
{
"number": "8",
"team": "Azam FC",
"url": "https://mahando.com/a-sc/Azam-FC.gif",
"P": "5",
"W": "2",
"L": "2",
"D": "1",
"Pts": "7"
},
{
"number": "9",
"team": "Biashara Mara United",
"url": "https://mahando.com/a-sc/Biashara-United.gif",
"P": "5",
"W": "1",
"L": "1",
"D": "3",
"Pts": "6"
},
{
"number": "10",
"team": "Ruvu Shooting Stars FC",
"url": "https://mahando.com/a-sc/Ruvu-Shooting-Stars-FC.gif",
"P": "5",
"W": "2",
"L": "3",
"D": "0",
"Pts": "6"
},
{
"number": "11",
"team": "Namungo FC",
"url": "https://mahando.com/a-sc/Namungo-FC.gif",
"P": "5",
"W": "1",
"L": "2",
"D": "2",
"Pts": "5"
},
{
"number": "12",
"team": "Coastal Union FC",
"url": "https://mahando.com/a-sc/Coastal-Union-FC.gif",
"P": "5",
"W": "0",
"L": "1",
"D": "4",
"Pts": "2"
},
{
"number": "13",
"team": "Mtibwa Sugar",
"url": "https://mahando.com/a-sc/Mtibwa-Sugar.gif",
"P": "5",
"W": "0",
"L": "3",
"D": "2",
"Pts": "2"
},
{
"number": "14",
"team": "Geita Gold FC",
"url": "https://mahando.com/a-sc/geita.jpg",
"P": "5",
"W": "0",
"L": "3",
"D": "2",
"Pts": "2"
},
{
"number": "15",
"team": "Kinondoni Council FC",
"url": "https://mahando.com/a-sc/Kinondoni-Municipal-Council-FC.gif",
"P": "5",
"W": "0",
"L": "3",
"D": "2",
"Pts": "2"
},
{
"number": "16",
"team": "Tanzania Prisons SC",
"url": "https://mahando.com/a-sc/Tanzania-Prisons-SC.gif",
"P": "5",
"W": "0",
"L": "3",
"D": "2",
"Pts": "2"
}
]```
You see **all those blocks** I don't real like them and since they make the app to run slowly on when opening the app!
So, please help me to know how I can use the dynamic component found in kodular so that I can reduce all those numbers of blocks because they make the app to run slowly