box_hinter

Description:

box hinter

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 #

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

dependencies:
box_hinter: ^0.0.3
copied to clipboard

Import the package and use it in your Flutter App.

import 'package:box_hinter/box_hinter.dart';
copied to clipboard
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,
),
),
);
}
}
copied to clipboard



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.