How to create multiple posts like these(which don’t lag on scrolling) in a scroll arrangement which include profile image, username, text, buttons and images.
I would be happy if anyone can guide me over this.
Lakshya.
Use recycler view
1 Like
Can u guide me with a sample aia…
1 Like
{
"name": "Xdev",
"metadata-version": 1,
"extension_version": 5,
"author": "xdev",
"platforms": [
"localhost"
],
"extensions": {},
"keys": [],
"components": [
{
"id": "VerticalArrangement1",
"type": "VerticalArrangement",
"properties": {
"Width": -2
},
"components": [
{
"id": "HorizontalArrangement1",
"type": "HorizontalArrangement",
"properties": {
"Width": -2
},
"components": [
{
"id": "Image1",
"type": "Image",
"properties": {
"Height": 50,
"Width": 50,
"Padding": [
5,
5,
5,
5
],
"Picture": "user_icon.png"
}
},
{
"id": "VerticalArrangement2",
"type": "VerticalArrangement",
"properties": {
"Width": -2
},
"components": [
{
"id": "Label1",
"type": "Label",
"properties": {
"FontBold": true,
"Width": -2,
"Text": "PMO India e @PMOlndia"
}
},
{
"id": "Label2",
"type": "Label",
"properties": {
"FontSize": 13,
"Text": "India government organization"
}
},
{
"id": "Label4",
"type": "Label",
"properties": {
"Text": " Admiral (Retd.) DK Joshi, the Lieutenant Governor of Andaman & Nicobar Islands called on PM @narendramodi."
}
},
{
"id": "HorizontalArrangement2",
"type": "HorizontalArrangement",
"properties": {
"CornerRadius": 20,
"Width": -2
},
"components": [
{
"id": "Image2",
"type": "Image",
"properties": {
"Width": -2,
"Picture": "scrsss.png"
}
}
]
},
{
"id": "HorizontalArrangement3",
"type": "HorizontalArrangement",
"properties": {
"AlignVertical": 2,
"Width": -2,
"Padding": [
5,
0,
5,
0
]
},
"components": [
{
"id": "Label3",
"type": "Label",
"properties": {
"FontSize": 14,
"FontTypeface": 4,
"Text": "textsms"
}
},
{
"id": "Label5",
"type": "Label",
"properties": {
"FontSize": 12,
"Width": -2,
"Text": "93"
}
},
{
"id": "Label6",
"type": "Label",
"properties": {
"FontTypeface": 4,
"Text": "autorenew"
}
},
{
"id": "Label7",
"type": "Label",
"properties": {
"FontSize": 12,
"Width": -2,
"Text": "450"
}
},
{
"id": "Label8",
"type": "Label",
"properties": {
"FontTypeface": 4,
"Text": "favorite_border"
}
},
{
"id": "Label9",
"type": "Label",
"properties": {
"FontSize": 12,
"Width": -2,
"Text": "2244"
}
},
{
"id": "Label10",
"type": "Label",
"properties": {
"FontTypeface": 4,
"Text": "bar_chart"
}
},
{
"id": "Label11",
"type": "Label",
"properties": {
"FontSize": 12,
"Width": -2,
"Text": "122K"
}
},
{
"id": "Label12",
"type": "Label",
"properties": {
"FontTypeface": 4,
"Width": -2,
"Text": "share",
"TextAlignment": 2
}
}
]
}
]
}
]
}
]
}
]
}
3 Likes
can you tell us else make a guide for how to create this type of code
1 Like
This is a great idea, I will definitely make a guide on it.
Connect it with airtable and baserow database…