box_hinter 0.0.3

Box Hinter container package lets you add a hint or explanation box to bring feature explanations to a user.

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.

Installation

1. Add the latest version of package to your pubspec.yaml (and rundart pub get):

dependencies:
  box_hinter: ^0.0.3

2. Import the package and use it in your Flutter App.

import 'package:box_hinter/box_hinter.dart';

Example

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); @override Widget build(BuildContext context) { return Scaffold( body: Center( child: const BoxHinter(// <-- SEE HERE, THIS IS WHERE WE USE OUR BOX HINTER image: const NetworkImage( 'https://w7.pngwing.com/pngs/148/53/png-transparent-call-centre-customer-service-graphics-callcenteragent-call-center-man-comics-child-face.png', scale: 7 ), title: 'Hello World', color1: Colors.yellow, color2: Colors.green, subtitle: 'This is Box Hinter!', contentSize: 15.0, onPressed: (){}, onTap: (){}, titleColor: Colors.black, subtitleColor: Colors.black, ), ), ); } }

Package image

Next Goals

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

• 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.