rn-dynamic-ui-render/example/json/chat.json

A dynamic UI rendering engine for React Native

{
   "content":[
      {
        "name":"FlatList",
        "props":{
            "data":"messages",
            "style":{
               "padding":16,
               "marginTop":40
            }
        },
        "content":[
            {
                "name":"Text",
                "props":{
                    "style":{
                        "alignSelf": {
                            "expression": "ternary",
                            "condition": "{{item.type === 'CUSTOMER'}}",
                            "trueValue": "flex-start",
                            "falseValue": "flex-end"
                        },
                        "backgroundColor":{
                            "expression": "ternary",
                            "condition": "{{item.type === 'CUSTOMER'}}",
                            "trueValue": "primary",
                            "falseValue": "secondary"
                        },
                        "borderRadius":8,
                        "color":"white",
                        "padding":8,
                        "maxWidth":"80%",
                        "marginTop":8                        
                    },
                    
                    "expression":true,
                    "textContent":"item.text"
                }
            }
        ]
      }
    ]
}