menstrual_cycle_widget 0.1.2 copy "menstrual_cycle_widget: ^0.1.2" to clipboard
menstrual_cycle_widget: ^0.1.2 copied to clipboard

The 'Menstrual Cycle Widget' Widget is a comprehensive and customizable widget designed to help users to show their menstrual cycles seamlessly.

example/main.dart

import 'package:flutter/material.dart';
import 'package:menstrual_cycle_widget/menstrual_cycle_phase_view.dart';
import 'package:menstrual_cycle_widget/menstrual_cycle_utils.dart';

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

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

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Menstrual Cycle Phases View Example',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.blueAccent),
        useMaterial3: true,
      ),
      home: const MyHomePage(title: 'Menstrual Cycle Phases View'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

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

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.blueAccent,
        title: Text(
          widget.title,
          style: const TextStyle(fontSize: 20),
        ),
      ),
      body: const Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          Padding(
            padding: EdgeInsets.all(8.0),
            child: Center(
              child: MenstrualCyclePhaseView(
                size: 300,
                totalCycleDays: 28,
                menstruationDayCount: 5,
                follicularDayCount: 7,
                selectedDay: 5,
                ovulationDayCount: 3,
                imageAssets: "assets/img6.png",
                theme: MenstrualCycleTheme.circle,
              ),
            ),
          ),
        ],
      ),
      // This trailing comma makes auto-formatting nicer for build methods.
    );
  }
}
10
likes
0
pub points
54%
popularity

Publisher

verified publishersandipkalola.in

The 'Menstrual Cycle Widget' Widget is a comprehensive and customizable widget designed to help users to show their menstrual cycles seamlessly.

Repository (GitHub)
View/report issues

Topics

#menstrualcycle #menstrualcyclehealth #period #health #menstruation

Funding

Consider supporting this project:

github.com

License

unknown (license)

Dependencies

flutter

More

Packages that depend on menstrual_cycle_widget