Breaking News: Grepper is joining You.com. Read the official announcement!

Flutter Rendering Widgets Using JSON Data

Adventurous Ant answered on July 1, 2022 Popularity 1/10 Helpfulness 3/10

answer Flutter Rendering Widgets Using JSON Data

Flutter Rendering Widgets Using JSON Data

Comment

import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:json_dynamic_widget/json_dynamic_widget.dart';


void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        debugShowCheckedModeBanner: false,
        theme: ThemeData(
          primarySwatch: Colors.teal,
        ),
        home: const RenderingWidget());
  }
}

class RenderingWidget extends StatefulWidget {
  const RenderingWidget({Key? key}) : super(key: key);

  @override
  _RenderingWidgetState createState() => _RenderingWidgetState();
}

class _RenderingWidgetState extends State<RenderingWidget> {
  Map<dynamic, dynamic> mapData = {};
  var registry = JsonWidgetRegistry.instance;

  Future<Map> readJson() async {
    final String response = await rootBundle.loadString('assets/sample.json');
    final data = await json.decode(response);
    return data;
  }

  @override
  Widget build(BuildContext context) {
    readJson().then((value) => mapData = value);
    var widget = JsonWidgetData.fromDynamic(mapData, registry: registry);
    return widget!.build(context: context);
  }
}

Popularity 1/10 Helpfulness 3/10 Language dart

Source: medium.flutterdevs.com

Tags: dart flutter json rendering using

Link to this answer
Share Copy Link

Contributed on Jul 01 2022

Adventurous Ant

0 Answers Avg Quality 2/10

Flutter Rendering Widgets Using JSON Data

Contents

More Related Answers

Flutter Rendering Widgets Using JSON Data

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.