{"repo":"wutsi/sdui","free":true,"listed":false,"github":"https://github.com/wutsi/sdui","clone":"git clone https://github.com/wutsi/sdui.git","description":"SDUI make it easy to implement Server Driven UI pattern on flutter.","language":"Dart","stars":108,"topics":["flutter","dart","server-driven-ui"],"license":"MIT","category":"mobile-apps","readme_excerpt":"SDUI SDUI make it easy to implement Server Driven UI pattern on flutter. - The server decides what to render by describing in a JSON the widgets to render. - The Flutter screen parse the JSON and build the widgets Kind like HTML... but not really. Example The Server Here is an example of JSON returned by the URL POST http://myapp.herokuapp.com/screens/profile : The UI in Flutter Screenshots Screen Date Picker Alert Dialog ----------------------------------- ------------------------------------ ------------------------------------- Widgets In Flutter, UI is composed of a hierarchy of Widgets. A widget is a visual element on a screen. SDUI described widgets with the following json structure: - type : indicates the type of widget - attributes : key/value pair of the attributes of the widget. Ex: caption , color , padding , spacing etc. - children : The list of children widgets Widget Library - Navigation widgets - Dialog - AppBar - Page - PageView - Screen - Layout widgets - Center - Column - Container - Expanded - FittedBox - Flexible - GridView - Positioned - Row - Stack - SingleChildScrollView - Spacer - Images/Icons - CarouselSlider - CircleAvatar - Icon - IconButton - Image - PhotoView - Input widgets - Button - Camera - DropdownButton - DropdownMenuItem - Form - IconButton - Input - ListView - ListItem - ListItemSwitch - MoneyText - MoneyWithKeyboard - MoneyWithSlider - PinWidthKeyboard - QrImage - QrView - Radio - RadioGroup - SearchableDropdown - Text - Other - Badge - C","default_branch":null,"files":null,"tree":[],"storefront":"/r/wutsi","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/wutsi/sdui/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}