flutter_json_layout 0.0.1

flutter_json_layout

example/lib/main.dart

import 'package:example/test/test_config.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'page/code_edt_page.dart';
import 'widget/common_widget.dart';
import 'widget/module_api_list_widget.dart';
import 'widget/module_desc_widget.dart';

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

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

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return ScreenUtilInit(
      designSize: const Size(960, 540),
      builder: (context, screenChild) {
        return MaterialApp(
          title: '动态化票据模版工具',
          theme: ThemeData(
            primarySwatch: Colors.blue,
            bottomAppBarTheme: const BottomAppBarTheme(
              color: Colors.white38,
            ),
          ),
          home: screenChild,
        );
      },
      child: Scaffold(
        appBar: AppBar(
          title: const Align(
            alignment: Alignment.centerLeft,
            child: Text(
              'Flutter Json Layout - 动态模板',
              textAlign: TextAlign.left,
            ),
          ),
        ),
        body: const _Home(),
      ),
    );
  }
}

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

  @override
  State<_Home> createState() => _HomeState();
}

class _HomeState extends State<_Home> {
  void _jump(Widget target) {
    Navigator.of(context).push(
      MaterialPageRoute(
        builder: (context) {
          return target;
        },
      ),
    );
  }

  Widget _body() {
    return Padding(
      padding: EdgeInsets.only(
        left: 40.w,
        top: 30.w,
        right: 40.w,
        bottom: 20.w,
      ),
      child: Row(
        children: [
          const ModuleDescWidget(),
          SizedBox(width: 20.w),
          const ModuleApiListWidget(),
          SizedBox(width: 20.w),
          Container(
            padding: EdgeInsets.symmetric(horizontal: 20.w),
            child: TextButton(
              onPressed: () {
                _jump(
                  const CodeEdtPage(
                    initialJsonTemp: TestConfig.tempJson,
                    initialData: TestConfig.data,
                  ),
                );
              },
              child: Text(
                '点击预览&创建',
                style: TextStyle(
                  fontSize: 14.w,
                  fontWeight: FontWeight.w500,
                ),
              ),
            ),
          ),
        ],
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return _body();
  }
}