flutter_mind_map 1.1.2

Flutter's customizable mind map widget. It can customize styles, node content, and connection lines.

example/lib/main.dart

import 'dart:io';
import 'package:flutter/foundation.dart';

import 'package:file_picker/file_picker.dart';
import 'package:flutter/material.dart';
import 'package:flutter_mind_map/mind_map.dart';
import 'package:flutter_mind_map_example/custom_page.dart';
import 'package:flutter_mind_map_example/fishbone_page.dart';
import 'package:flutter_mind_map_example/theme_page.dart';
import 'package:permission_handler/permission_handler.dart';
import 'package:shared_preferences/shared_preferences.dart';

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

  runApp(MyApp());
}

// ignore: must_be_immutable
class MyApp extends StatefulWidget {
  MyApp({super.key});

  @override
  State<MyApp> createState() => _MyAppState();

  CustomPage customPage = CustomPage();
  ThemePage themePage = ThemePage();
  FishbonePage fishbonePage = FishbonePage();
}

class _MyAppState extends State<MyApp> {
  @override
  void initState() {
    super.initState();

    requestPermission();
  }

  Future<void> requestPermission() async {
    if (Platform.isAndroid || Platform.isIOS) {
      if (await Permission.storage.request().isDenied) {
        debugPrint("storage denied");
      } else {
        debugPrint("permission");
      }
      if (await Permission.manageExternalStorage.request().isDenied) {
        debugPrint("manageExternalStorage denied");
      } else {
        debugPrint("permission");
      }
    }
  }

  int index = 0;
  bool readOnly = false;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          leading: IconButton(
            onPressed: () async {
              var prefs = await SharedPreferences.getInstance();
              switch (index) {
                case 0:
                  prefs.remove("Custom");
                  widget.customPage.prefs = null;
                  await widget.customPage.init();
                  break;
                case 1:
                  prefs.remove("Theme");
                  widget.themePage.prefs = null;
                  await widget.themePage.init();
                  break;
                case 2:
                  prefs.remove("Fishbone");
                  widget.fishbonePage.prefs = null;
                  await widget.fishbonePage.init();
                  break;
              }
              setState(() {});
            },
            icon: Icon(
              Icons.refresh,
              color: Theme.of(context).colorScheme.onPrimary,
            ),
          ),
          title: Text(
            'Flutter Mind Map',
            style: Theme.of(context).textTheme.titleLarge!.copyWith(
              color: Theme.of(context).colorScheme.onPrimary,
            ),
          ),
          backgroundColor: Theme.of(context).colorScheme.primary,
          actions: [
            Row(
              children: [
                TextButton(
                  onPressed: () async {
                    Uint8List? image;
                    switch (index) {
                      case 0:
                        image = await widget.customPage.mindMap.toPng();
                        break;
                      case 1:
                        image = await widget.themePage.mindMap.toPng();
                        break;
                      case 2:
                        image = await widget.fishbonePage.mindMap.toPng();
                        break;
                    }
                    if (image != null) {
                      String? filename;
                      if (Platform.isAndroid || Platform.isIOS) {
                        filename = await FilePicker.platform.saveFile(
                          type: FileType.custom,
                          allowedExtensions: ["png"],
                          fileName: "MindMap.png",
                          bytes: image,
                        );
                      } else {
                        filename = await FilePicker.platform.saveFile(
                          type: FileType.custom,
                          allowedExtensions: ["png"],
                        );
                      }
                      if (filename != null) {
                        File file = File(filename);
                        await file.writeAsBytes(image);
                      }
                    }
                  },
                  child: Text(
                    "Export Image",
                    style: Theme.of(
                      context,
                    ).textTheme.labelMedium!.copyWith(color: Colors.white),
                  ),
                ),
                SizedBox(width: 20),
                Text(
                  "ReadOnly:",
                  style: Theme.of(context).textTheme.labelMedium!.copyWith(
                    color: Theme.of(context).colorScheme.onPrimary,
                  ),
                ),
                Switch(
                  value: readOnly,
                  activeThumbColor: Theme.of(context).colorScheme.primary,
                  activeTrackColor: Theme.of(context).colorScheme.onPrimary,
                  onChanged: (value) {
                    setState(() {
                      readOnly = value;
                      widget.customPage.mindMap.setReadOnly(value);
                      widget.themePage.mindMap.setReadOnly(value);
                      widget.fishbonePage.mindMap.setReadOnly(value);
                    });
                  },
                ),
              ],
            ),
          ],
        ),
        body: index == 0
            ? widget.customPage
            : (index == 1 ? widget.themePage : widget.fishbonePage),
        bottomNavigationBar: BottomNavigationBar(
          currentIndex: index,
          onTap: (value) {
            setState(() {
              index = value;
            });
          },
          items: [
            BottomNavigationBarItem(
              icon: Icon(Icons.blur_linear_rounded),
              label: "Custom",
            ),
            BottomNavigationBarItem(
              icon: Icon(Icons.style_outlined),
              label: "Theme",
            ),
            BottomNavigationBarItem(
              icon: Icon(Icons.account_tree_outlined),
              label: "Fishbone",
            ),
          ],
        ),
      ),
    );
  }
}