rn-dynamic-ui-render
Version:
A dynamic UI rendering engine for React Native
86 lines (85 loc) • 3.13 kB
JSON
{
"content":[
{
"name":"ActivityIndicator",
"props":{
"visible":"loading",
"size":"large" ,
"color":"primary"
}
},
{
"name":"FlatList",
"props":{
"ref":"flatListRef",
"data":"list",
"contentContainerStyle":{
"padding":16,
"backgroundColor":"backgroundColor"
}
},
"content":[
{
"name":"Pressable",
"props":{
"onPress":"onOrderPress",
"passData":true,
"selected":"orderSelected",
"style":{
"backgroundColor":{
"expression": "ternary",
"condition": "{{orderSelected == index}}",
"trueValue": "primary",
"falseValue": "white"
},
"padding":16,
"marginTop":12,
"elevation":5,
"borderRadius":8
}
},
"content":[
{
"name":"Image",
"props":{
"source":{
"uri":"item.thumbnail"
},
"expression":true,
"style":{
"height":100,
"width":100
}
}
},
{
"name":"Text",
"props":{
"textContent":"item.title",
"expression":true,
"style":{
"fontSize":"h4",
"fontWeight":"bold",
"marginTop":8
}
}
},
{
"name":"Text",
"props":{
"textContent":"item.total",
"expression":true,
"fixedLength":2,
"style":{
"fontSize":"h5",
"fontWeight":"regular",
"marginTop":8
}
}
}
]
}
]
}
]
}