Box Hinter

Box Hinter container package lets you add a hint or explanation box to bring feature explanations to a user. It comes with a beautiful gradient container to your Flutter app.


  1. Add the latest version of package to your pubspec.yaml (and rundart pub get):
  box_hinter: ^0.0.3
  1. Import the package and use it in your Flutter App.
import 'package:box_hinter/box_hinter.dart';


There are a number of properties that you can modify:

  • height
  • width
  • title
  • subtitle
  • gradient (color1 and color2)
  • Functions of the incorporated buttons and the widget itself.

class BoxHinter extends StatelessWidget {
  const BoxHinter({Key? key}) : super(key: key);

  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: const BoxHinter(// <-- SEE HERE, THIS IS WHERE WE USE OUR BOX HINTER
          image: const NetworkImage(
                  scale: 7
          title: 'Hello World',
          color1: Colors.yellow,
          subtitle: 'This is Box Hinter!',
          contentSize: 15.0,
          onPressed: (){},
          onTap: (){},

Package image

Photo of Package

Next Goals

  • x Add onTap for functions. Now, you can specify the onTap and specify a function.

  • x Change font and color style for text. Change color by specifying textcolor and subtitlecolor properties.

  • Specify a pre-designed set of actions in case a user does not understand a hint.

  • Fix small coloring bug when using the package as a pop-up widget.