{"id":15490694,"url":"https://github.com/myconsciousness/text-divider","last_synced_at":"2026-04-27T17:33:57.095Z","repository":{"id":56841216,"uuid":"456791008","full_name":"myConsciousness/text-divider","owner":"myConsciousness","description":"This library provides a customizable Flutter widget that makes it easy to display text in the middle of a Divider.","archived":false,"fork":false,"pushed_at":"2022-02-09T07:07:12.000Z","size":5185,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-27T15:07:02.880Z","etag":null,"topics":["dart","design","divider","flutter","library","text","text-divider"],"latest_commit_sha":null,"homepage":"https://pub.dev/packages/text_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/myConsciousness.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-02-08T05:08:41.000Z","updated_at":"2024-11-30T08:47:42.000Z","dependencies_parsed_at":"2022-08-29T06:50:31.707Z","dependency_job_id":null,"html_url":"https://github.com/myConsciousness/text-divider","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/myConsciousness/text-divider","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/myConsciousness%2Ftext-divider","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/myConsciousness%2Ftext-divider/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/myConsciousness%2Ftext-divider/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/myConsciousness%2Ftext-divider/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/myConsciousness","download_url":"https://codeload.github.com/myConsciousness/text-divider/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/myConsciousness%2Ftext-divider/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262279155,"owners_count":23286550,"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":["dart","design","divider","flutter","library","text","text-divider"],"created_at":"2024-10-02T07:23:23.133Z","updated_at":"2026-01-11T13:39:08.316Z","avatar_url":"https://github.com/myConsciousness.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![pub package](https://img.shields.io/pub/v/text_divider.svg)](https://pub.dev/packages/text_divider)\n\n\u003c!-- TOC --\u003e\n\n- [1. About](#1-about)\n  - [1.1. Introduction](#11-introduction)\n    - [1.1.1. Install Library](#111-install-library)\n    - [1.1.2. Import It](#112-import-it)\n    - [1.1.3. Use TextDivider](#113-use-textdivider)\n  - [1.2. Details](#12-details)\n    - [1.2.1. Customization Options](#121-customization-options)\n    - [1.2.2. Horizontal Constructor](#122-horizontal-constructor)\n    - [1.2.3. Vertical Constructor](#123-vertical-constructor)\n  - [1.3. License](#13-license)\n  - [1.4. More Information](#14-more-information)\n\n\u003c!-- /TOC --\u003e\n\n# 1. About\n\n`TextDivider` provides a customizable Flutter widget that makes it easy to display text in the middle of a Divider.\n\nUsing `TextDivider`, you can easily display the following objects that you often see in websites and mobile apps. In addition, `TextDivider` has flexible customization options that allow you to change the style to suit your taste.\n\n- **_Wellknown text divider_**\n\n\u003cimg width=\"443\" alt=\"スクリーンショット 2022-02-08 18 00 39\" src=\"https://user-images.githubusercontent.com/13072231/153102245-66f0e1eb-f690-4e64-ba56-c96e9c9edcf8.png\"\u003e\n\nAlso `TextDivider` supports vertical as well as horizontal direction.\n\nTo see exactly what kind of output you can get by using `TextDivider`, see [this GitHub Pages](https://myconsciousness.github.io/text-divider/#/) made with Flutter and `TextDivider`.\n\n## 1.1. Introduction\n\n### 1.1.1. Install Library\n\n**_With Dart:_**\n\n```terminal\n dart pub add text_divider\n```\n\n**_With Flutter:_**\n\n```terminal\n flutter pub add text_divider\n```\n\n### 1.1.2. Import It\n\n```dart\nimport 'package:text_divider/text_divider.dart';\n```\n\n### 1.1.3. Use TextDivider\n\n```dart\nimport 'package:text_divider/text_divider.dart';\n\nclass ExampleTextDivider extends StatelessWidget {\n  const ExampleTextDivider({Key? key}) : super(key: key);\n\n  @override\n  Widget build(BuildContext context) =\u003e Scaffold(\n        body: Padding(\n          padding: const EdgeInsets.all(20),\n          child: Center(\n            child: Column(\n              mainAxisAlignment: MainAxisAlignment.center,\n              children: [\n                // Outputs a horizontal Divider with the text placed in the center.\n                TextDivider.horizontal(text: const Text('Horizontal Test')),\n                // Outputs a vertical Divider with the text placed in the center.\n                TextDivider.vertical(text: const Text('Vertical Test')),\n              ],\n            ),\n          ),\n        ),\n      );\n}\n```\n\n## 1.2. Details\n\n### 1.2.1. Customization Options\n\n| Name      | Type      | Required | Initial Value                                    | Remarks                                                                                                                                                |\n| --------- | --------- | :------: | ------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------ |\n| text      | Text      |    ✅    | -                                                | This is a Text widget included in a commonly used material package. The text data set in this Text widget will be output to the center of the Divider. |\n| direction | Direction |    ❌    | Direction.horizontal                             | This option specifies the direction of the Divider to be output.                                                                                       |\n| size      | double?   |    ❌    | 16.0                                             | This option indicates the **_height_** if the Divider direction is horizontal, and the **_width_** if the Divider direction is vertical.               |\n| thickness | double?   |    ❌    | 0.0                                              | The thickness of the line drawn within the divider.                                                                                                    |\n| indent    | double?   |    ❌    | 0.0                                              | The amount of empty space to the leading edge of the divider.                                                                                          |\n| endIndent | double?   |    ❌    | 0.0                                              | The amount of empty space to the trailing edge of the divider.                                                                                         |\n| color     | Color?    |    ❌    | DividerThemeData.color OR ThemeData.dividerColor | The color to use when painting the line.                                                                                                               |\n\n### 1.2.2. Horizontal Constructor\n\nIt is possible to specify the direction of the Divider with the argument of the default constructor, but a simpler way is to use the `horizontal` constructor. However, keep in mind that you cannot specify `const` in the caller of the `TextDivider` if you use this `horizontal` constructor.\n\n### 1.2.3. Vertical Constructor\n\nAlso you can use the `vertical` constructor for vertical direction. However, keep in mind that you cannot specify `const` in the caller of the `TextDivider` if you use this `vertical` constructor.\n\n## 1.3. License\n\n```license\nCopyright (c) 2022, Kato Shinya. All rights reserved.\nUse of this source code is governed by a\nBSD-style license that can be found in the LICENSE file.\n```\n\n## 1.4. More Information\n\n`TextDivider` was designed and implemented by **_Kato Shinya_**.\n\n- [Creator Profile](https://github.com/myConsciousness)\n- [License](https://github.com/myConsciousness/text-divider/blob/main/LICENSE)\n- [API Document](https://pub.dev/documentation/text_divider/latest/text_divider/text_divider-library.html)\n- [Release Note](https://github.com/myConsciousness/text-divider/releases)\n- [Bug Report](https://github.com/myConsciousness/text-divider/issues)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmyconsciousness%2Ftext-divider","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmyconsciousness%2Ftext-divider","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmyconsciousness%2Ftext-divider/lists"}