TicketViewFlutter

TicketViewFlutter 是一个简单且可定制的 Flutter 票据/收据视图。源代码 100% Dart。

动机

我需要在我的 Flutter 应用程序中获得一些简洁的票据/收据视图。

入门

安装

将此添加到您的包的pubspec.yaml文件中

此库已发布在 pub.dev

pubspec.yaml

dependencies:  
	sks_ticket_view: ^1.0.0

用法

导入此库后，您可以直接在您的 Widget 树中使用此视图

import 'package:ticketview/ticketview.dart';

默认票据视图

TicketView(
        child: Container(),
    )

自定义收据视图

SKSTicketView(
      backgroundPadding: EdgeInsets.symmetric(vertical: 0, horizontal: 20),
      backgroundColor: Color(0xFF8F1299),
      contentPadding: EdgeInsets.symmetric(vertical: 24, horizontal: 0),
      drawArc: false,
      triangleAxis: Axis.vertical,
      borderRadius: 6,
      drawDivider: true,
      trianglePos: .5,
      child: Container(),
    )

自定义

根据您的视图，您可能需要调整 UI。目前您可以自定义这些属性

属性 类型 描述
backgroundColor 颜色 TicketView 的背景卡片颜色
contentBackgroundColor 颜色 TicketView 的内容卡片颜色

截图

默认视图 收据视图
alt text alt text

作者

  • Saurabh K Sharma – GIT

GitHub

查看 Github