select_body_parts 0.0.1

An anatomic body part selecting UI package for Flutter.

example/example.dart

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:select_body_parts/body_part_provider.dart';
import 'package:select_body_parts/back_body.dart';

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

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

  @override
  Widget build(BuildContext context) {
    return MultiProvider(
      providers: [
        ChangeNotifierProvider(create: (context) => BodyPartProvider())
      ],
      child: const MaterialApp(
        home: MyHomePage(),
      ),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    final provider = Provider.of<BodyPartProvider>(context);
    String selectecParts = provider.selectedMuscles.join(", ");
    return Scaffold(
      backgroundColor: Colors.black45,
      body: Center(
        child: SingleChildScrollView(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              const BackBody(),
              Padding(
                padding: const EdgeInsets.all(15.0),
                child: Text("Selected Parts:\n$selectecParts",
                    textAlign: TextAlign.center,
                    style: const TextStyle(color: Colors.blue, fontSize: 17)),
              )
            ],
          ),
        ),
      ),
    );
  }
}