flutter_duit 4.0.0 copy "flutter_duit: ^4.0.0" to clipboard
flutter_duit: ^4.0.0 copied to clipboard

Server driver UI framework for Flutter. Allows you to update your cool UI without updating the app!

example/lib/main.dart

import 'dart:async';
import 'dart:convert';
import 'dart:typed_data';
import 'package:example/src/custom/index.dart';
import 'package:flutter/material.dart';
import 'package:flutter_duit/flutter_duit.dart';

class CustomDecoder extends Converter<Uint8List, Map<String, dynamic>> {
  @override
  Map<String, dynamic> convert(Uint8List input) {
    return jsonDecode(utf8.decode(input));
  }
}

final class _Handler implements ExternalEventHandler {
  const _Handler();

  @override
  FutureOr<void> handleCustomEvent(
      BuildContext context, String key, Object? extra) {
    switch (key) {
      case "event1":
        {
          debugPrint("Event 1");
          break;
        }
      case "event2":
        {
          debugPrint("Event 2");
          break;
        }
    }
  }

  @override
  FutureOr<void> handleNavigation(
    BuildContext context,
    String path,
    Object? extra,
  ) {
    // TODO: implement handleNavigation
    throw UnimplementedError();
  }

  @override
  FutureOr<void> handleOpenUrl(String url) {
    // TODO: implement handleOpenUrl
    throw UnimplementedError();
  }
}

void main() async {
  WidgetsFlutterBinding.ensureInitialized();

  // final dio = Dio();

  // DuitRegistry.configure(
  //   logger: DefaultLogger.instance,
  //   themeLoader: HttpThemeLoader(
  //     dio,
  //     "http://localhost:8999/theme",
  //   ),
  // );

  // await DuitRegistry.initTheme();

  DuitRegistry.register(
    exampleCustomWidget,
    buildFactory: exampleBuildFactory,
  );

  // final res = await dio.get<List>("http://localhost:8999/components");

  // final comps = res.data!.cast<Map<String, dynamic>>();
  // await DuitRegistry.registerComponents(comps);

  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Duit Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
      ),
      home: const MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key});

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  late final DuitDriver driver1;

  @override
  void initState() {
    driver1 = DuitDriver.static(
      {
        "type": "Text",
        "id": "1",
        "attributes": {
          "data": "Hello, World!",
        },
      },
      transportOptions: EmptyTransportOptions(),
      externalEventHandler: const _Handler(),
    );
    super.initState();
  }

  @override
  void dispose() {
    driver1.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
        child: Center(
          child: DuitViewHost(
            driver: driver1,
          ),
        ),
      ),
    );
  }
}
17
likes
140
points
213
downloads

Publisher

verified publisherdev.duit.pro

Weekly Downloads

Server driver UI framework for Flutter. Allows you to update your cool UI without updating the app!

Homepage
Repository (GitHub)
View/report issues
Contributing

Documentation

API reference

Funding

Consider supporting this project:

boosty.to

License

MIT (license)

Dependencies

duit_kernel, flutter, http, meta, web

More

Packages that depend on flutter_duit