{"id":21196329,"url":"https://github.com/davigmacode/flutter_wx_divider","last_synced_at":"2025-03-14T21:50:02.132Z","repository":{"id":238787180,"uuid":"797531325","full_name":"davigmacode/flutter_wx_divider","owner":"davigmacode","description":"A widget that displays a divider with a configurable line pattern, line count, and gradient. It can even have a child widget.","archived":false,"fork":false,"pushed_at":"2024-06-06T04:48:24.000Z","size":1111,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-21T14:21:34.299Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://pub.dev/packages/wx_divider","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"bsd-3-clause","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/davigmacode.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["davigmacode"],"patreon":null,"open_collective":null,"ko_fi":"davigmacode","tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":["https://www.buymeacoffee.com/davigmacode"]}},"created_at":"2024-05-08T02:49:57.000Z","updated_at":"2025-01-13T15:48:22.000Z","dependencies_parsed_at":"2024-11-20T19:46:00.051Z","dependency_job_id":null,"html_url":"https://github.com/davigmacode/flutter_wx_divider","commit_stats":null,"previous_names":["davigmacode/flutter_wx_divider"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davigmacode%2Fflutter_wx_divider","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davigmacode%2Fflutter_wx_divider/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davigmacode%2Fflutter_wx_divider/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davigmacode%2Fflutter_wx_divider/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/davigmacode","download_url":"https://codeload.github.com/davigmacode/flutter_wx_divider/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243652693,"owners_count":20325607,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-20T19:35:35.818Z","updated_at":"2025-03-14T21:50:02.046Z","avatar_url":"https://github.com/davigmacode.png","language":"Dart","funding_links":["https://github.com/sponsors/davigmacode","https://ko-fi.com/davigmacode","https://www.buymeacoffee.com/davigmacode"],"categories":[],"sub_categories":[],"readme":"[![Pub Version](https://img.shields.io/pub/v/wx_divider)](https://pub.dev/packages/wx_divider) ![GitHub](https://img.shields.io/github/license/davigmacode/flutter_wx_divider) [![GitHub](https://badgen.net/badge/icon/buymeacoffee?icon=buymeacoffee\u0026color=yellow\u0026label)](https://www.buymeacoffee.com/davigmacode) [![GitHub](https://badgen.net/badge/icon/ko-fi?icon=kofi\u0026color=red\u0026label)](https://ko-fi.com/davigmacode)\n\nA widget that displays a divider with a configurable style, pattern, and child. It can be\nhorizontal or vertical, with a solid, dotted, dashed, or Morse code-like pattern.\nYou can also customize the color, thickness, and number of lines.\n\n[![Preview](https://github.com/davigmacode/flutter_wx_divider/raw/main/media/preview.gif)](https://davigmacode.github.io/flutter_wx_divider)\n\n[Demo](https://davigmacode.github.io/flutter_wx_divider)\n\n## Features\n\n* **Orientation**: The divider can be displayed horizontally or vertically by setting the `direction` property to `Axis.horizontal` or `Axis.vertical`, respectively.\n* **Line Pattern**: Control the line pattern using the `pattern` property. Supported options include:\n  * WxDivider.solid (default)\n  * WxDivider.dashed\n  * WxDivider.dotted\n  * WxDivider.morse (predefined morse code pattern)\n  * Provide a custom array for creating custom patterns, example `\u003cdouble\u003e[2,1,3]`.\n* **Thickness**: Set the thickness of the divider line using the thickness property.\n* **Color and Gradient**: Customize the color of the divider line using the `color` property. You can also define a gradient for the line using the `gradient` property.\n* **Multiple Lines**: Create dividers with multiple lines using the `lines` property to specify the number of lines and the `spacing` property to control the space between lines.\n* **Indentation**: Indent the divider from the start using the indent property.\n* **Child and Alignment**: Include a child widget within the divider using the `child` property. The `align` property allows you to position the child widget within the divider (`start`, `center`, `end`).\n* **Customization Callback**: The `onPaint` callback provides access to the `Paint` object before it's used to draw the divider. This allows for advanced customization of the divider's appearance.\n\n## Usage\n\nTo delve deeper into the technical details of `wx_divider`'s classes, methods, and properties, please refer to the official [API Reference](https://pub.dev/documentation/wx_divider/latest/).\n\n```dart\nimport 'package:wx_divider/wx_divider.dart';\n\n// Horizontal divider with dashed line pattern\nWxDivider(\n  direction: Axis.horizontal,\n  pattern: WxDivider.dashed,\n  color: Colors.grey,\n  thickness: 2.0,\n  lines: 2,\n  spacing: 5.0,\n  child: Text('My Text'),\n  align: WxDividerAlign.center,\n);\n\n// Vertical divider with custom color and gradient\nWxDivider(\n  direction: Axis.vertical,\n  thickness: 1.0,\n  color: Colors.blue,\n  gradient: LinearGradient(\n    colors: [Colors.blue, Colors.lightBlue],\n  ),\n  onPaint: (paint, rect) {\n    // Modify paint object for custom effects\n  },\n);\n```\n\n### WxDividerAlign:\n\nThis enum defines the possible alignments for the child widget relative to the `WxDivider`. It consists of the following options:\n\n* `start`: Aligns the child widget at the beginning of the divider (left for horizontal, top for vertical).\n* `center`: Aligns the child widget in the center of the divider.\n* `end`: Aligns the child widget at the end of the divider (right for horizontal, bottom for vertical).\n\n## Sponsoring\n\n\u003ca href=\"https://www.buymeacoffee.com/davigmacode\" target=\"_blank\"\u003e\u003cimg src=\"https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png\" alt=\"Buy Me A Coffee\" height=\"45\"\u003e\u003c/a\u003e\n\u003ca href=\"https://ko-fi.com/davigmacode\" target=\"_blank\"\u003e\u003cimg src=\"https://storage.ko-fi.com/cdn/brandasset/kofi_s_tag_white.png\" alt=\"Ko-Fi\" height=\"45\"\u003e\u003c/a\u003e\n\nIf this package or any other package I created is helping you, please consider to sponsor me so that I can take time to read the issues, fix bugs, merge pull requests and add features to these packages.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdavigmacode%2Fflutter_wx_divider","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdavigmacode%2Fflutter_wx_divider","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdavigmacode%2Fflutter_wx_divider/lists"}