Is it possible to dynamically create components in React Native?

Question

Is it possible to dynamically create and add view components in React Native? For example, firstly I have only empty screen and information of all views come from server in JSO

Answer 1

Yes this is possible. Assume that you retrieve your JSON data successfully and save it to some state then in your render function you can use it like that;

render() {
    var productList = [];

        this.state.data.products.forEach(function (tmpProduct) {
            productList.push(
                

                    
                        
                            
                        
                        
                            {tmpProduct.title}
                            {tmpProduct.description}
                        
                    
                
            );
        }.bind(this));

    return (
        
            

                

                    {productList}

                

            
        
    )
}

I hope this code piece give you an idea. You can adapt it to your case.