muscle_selector 1.0.1 copy "muscle_selector: ^1.0.1" to clipboard
muscle_selector: ^1.0.1 copied to clipboard

Human Body Muscle Selector for Flutter.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:muscle_selector/muscle_selector.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Flutter Demo',
      home: HomeView(),
      theme: ThemeData.dark(),
    );
  }
}

class HomeView extends StatefulWidget {
  @override
  _HomeViewState createState() => _HomeViewState();
}

class _HomeViewState extends State<HomeView> {
  Set<Muscle>? selectedMuscles;
  final GlobalKey<MusclePickerMapState> _mapKey = GlobalKey();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        actions: [
          IconButton(
            icon: const Icon(Icons.delete, color: Colors.red),
            onPressed: () {
              _mapKey.currentState?.clearSelect();
              setState(() {
                selectedMuscles = null;
              });
            },
          ),
        ],
      ),
      body: Center(
        child: InteractiveViewer(
          scaleEnabled: true,
          panEnabled: true,
          constrained: true,
          child: Padding(
            padding: const EdgeInsets.only(right: 30.0), // Add right margin
            child: Align(
              alignment: Alignment.center,
              child: Transform.scale(
                scale: 1.2,
                child: MusclePickerMap(
                  key: _mapKey,
                  width: MediaQuery.of(context).size.width,
                  height: MediaQuery.of(context).size.height,
                  map: Maps.BODY,
                  onChanged: (muscles) {
                    setState(() {
                      selectedMuscles = muscles;
                    });
                  },
                  actAsToggle: true,
                  dotColor: Colors.black,
                  selectedColor: Colors.lightBlueAccent,
                  strokeColor: Colors.white24,
                ),
              ),
            ),
          ),
        ),
      ),
    );
  }
}
0
likes
0
pub points
49%
popularity

Publisher

unverified uploader

Human Body Muscle Selector for Flutter.

Repository (GitHub)
View/report issues

License

unknown (license)

Dependencies

collection, flutter, svg_path_parser

More

Packages that depend on muscle_selector