Implementation of SDUI with Flutter

What is Flutter?

Server Driven UI output Gif
Flutter Implementation
flutter create sduiapp
cd sduiapp
http: ^0.13.3
json_dynamic_widget: ^2.1.0
import 'package:json_dynamic_widget/json_dynamic_widget.dart';
import 'package:http/http.dart';

Code explanation

  • inline no 41, we have used the FutureBuilder widget since we have to get the data via an HTTP request.
  • We show a loading indicator while it fetches the data from the server.
  • From lines 19 to 36, we have included the callback functions for the buttons on press activity.
  • We wrote a function called _buildWidget for fetching the data from the server and converting it into a widget using JsonWidgetData.
<uses-permission android:name="android.permission.INTERNET"/>



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Ravi Kiran Dhulipala

Ravi Kiran Dhulipala


User experience Designer inclined towards solving for people needs