HOW_GUIS_WORK

            HOW GUIs WORK        hbox.layout({
                                    maxWidth: screenWidth,
                                    maxHeight: screenHeight
                                 })
                                
                                
                                
                                
                                
                    Hbox.layout(constraints)
                        mywidth = 0
                        myheight = 0
                        non_stretched_total_width = 0
                        non_stretched = filter(...children)
                        for child in non_stretched:
                            child.layout({
                                maxHeight: constraints.maxHeight
                            })
                            cwidth, cheight = child.size
                            mywidth += cwidth
                            myheight = max(myheight, cheight)
                            non_stretched_total_width += cwidth
                        
                        remaining = constraints.maxWidth - non_stretched_total_width
                        stretched = filter(...children)
                        width_per_stretched = remaining / len(stretched)
                        for child in stretched:
                            child.layout({
                                minWidth: width_per_stretched,
                                maxWidth: width_per_stretched,
                                maxHeight: constraints.maxHeight
                            })
                            mywidth += cwidth
                            myheight = max(myheight, cheight)
                        
                        self.size = (mywidth, myheight)
                                
                                
                                    
                    
                                
            1. Layout               
            2. Rendering
            
                            * HBox
                                * text field(stretched="x")
                                * button
                                
                Flutter Algorithm:
                
                layout(constraints) has to decide what an element's size is.
                
                type Constraints {
                    minWidth?: number,
                    maxWidth?: number,
                    minHeight?: number,
                    maxHeight?: number
                }