flutter_countdown_widget 0.0.1

A countdown widget for Flutter.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:flutter_countdown_widget/countdown_widget.dart';

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

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

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

class _MyAppState extends State<MyApp> {
  int timeStamp = 1840060800000;
  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Flutter Countdown Example'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Text("${DateTime.fromMillisecondsSinceEpoch(timeStamp)}"),
              CountDownWidget(
                countDownTime: timeStamp,
                builder: (context, day, hour, minute, second) {
                  return Container(
                    constraints: const BoxConstraints(maxWidth: 168.0),
                    height: 18.0,
                    alignment: Alignment.center,
                    margin: const EdgeInsets.only(top: 3.5),
                    child: RichText(
                      text: TextSpan(
                        children: [
                          TextSpan(
                            text: "$day",
                            style: const TextStyle(fontSize: 13.0, color: Colors.black, fontWeight: FontWeight.w500),
                          ),
                          const TextSpan(
                            text: "天 ",
                            style: TextStyle(fontSize: 10.0, color: Color(0xffa29bb0)),
                          ),
                          TextSpan(
                            text: "$hour",
                            style: const TextStyle(fontSize: 13.0, color: Colors.black, fontWeight: FontWeight.w500),
                          ),
                          const TextSpan(
                            text: "时 ",
                            style: TextStyle(fontSize: 10.0, color: Color(0xffa29bb0)),
                          ),
                          TextSpan(
                            text: "$minute",
                            style: const TextStyle(fontSize: 13.0, color: Colors.black, fontWeight: FontWeight.w500),
                          ),
                          const TextSpan(
                            text: "分 ",
                            style: TextStyle(fontSize: 10.0, color: Color(0xffa29bb0)),
                          ),
                          TextSpan(
                            text: "$second",
                            style: const TextStyle(fontSize: 13.0, color: Colors.black, fontWeight: FontWeight.w500),
                          ),
                          const TextSpan(
                            text: "秒 ",
                            style: TextStyle(fontSize: 10.0, color: Color(0xffa29bb0)),
                          ),
                        ],
                      ),
                    ),
                  );
                },
              ),
            ],
          ),
        ),
      ),
    );
  }
}