ticket_material

Description:

ticket material

ticket_material #
A ticket view widget.
Platform compatibility #
Plugin was tested on following platforms:

Android;
IOS;
Windows 10 64 bit;
Linux (Ubuntu 20.04.1 LTS).

The support of MacOS is not guaranteed, but you can try to build it.
Also on web platform it's does not work.
Usage #
To use this plugin, add universal_navigation as a dependency in your pubspec.yaml file.
Getting Started #
Add dependency into pubspec.yaml.
dependencies:
ticket_material:
copied to clipboard
Create a page.
class ExamplePage extends StatefulWidget {
static final routeName = '/example';

@override
_ExamplePageState createState() => _ExamplePageState();
}

class _ExamplePageState extends State<ExamplePage> {
final colorBg = Colors.grey[300];

@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: colorBg,
body: SafeArea(
child: Padding(
padding: const EdgeInsets.all(16.0),
child: TicketMaterial(
height: 150,
colorBackground: Colors.blue,
leftChild: _buildLeft(),
rightChild: _buildRight(),
),
),
),
);
}

Widget _buildLeft() {
return Container(
child: Center(
child: Text('LEFT PART'),
),
);
}

Widget _buildRight() {
return Container(
child: Center(
child: Icon(Icons.airplanemode_active),
),
);
}
}
copied to clipboard
Result:
With tap animation:

Full example with ticket_material you can check by this link.