{"id":32302114,"url":"https://github.com/vonqo/block_input","last_synced_at":"2025-10-23T05:51:37.290Z","repository":{"id":56826618,"uuid":"290094284","full_name":"vonqo/block_input","owner":"vonqo","description":"Flutter Plugin - Simple character blocked input that usually used for redeem/validation input.","archived":false,"fork":false,"pushed_at":"2022-10-10T09:30:41.000Z","size":295,"stargazers_count":7,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-23T05:51:25.848Z","etag":null,"topics":["dart","flutter","flutter-plugin","inputform"],"latest_commit_sha":null,"homepage":"","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/vonqo.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":"2020-08-25T02:41:59.000Z","updated_at":"2022-11-02T14:16:51.000Z","dependencies_parsed_at":"2022-09-20T22:10:45.560Z","dependency_job_id":null,"html_url":"https://github.com/vonqo/block_input","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/vonqo/block_input","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vonqo%2Fblock_input","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vonqo%2Fblock_input/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vonqo%2Fblock_input/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vonqo%2Fblock_input/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vonqo","download_url":"https://codeload.github.com/vonqo/block_input/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vonqo%2Fblock_input/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":280569888,"owners_count":26352860,"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","status":"online","status_checked_at":"2025-10-23T02:00:06.710Z","response_time":142,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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","flutter","flutter-plugin","inputform"],"created_at":"2025-10-23T05:51:34.085Z","updated_at":"2025-10-23T05:51:37.280Z","avatar_url":"https://github.com/vonqo.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Block Input \n\n[![build](https://github.com/vonqo/block_input/workflows/build/badge.svg?branch=master)](https://github.com/vonqo/block_input/actions)\n[![pub package](https://img.shields.io/pub/v/block_input.svg)](https://pub.dev/packages/block_input)\n\nSimple character blocked input that usually used for redeem code or validation code input.\n\n## Gallery\n\u003cimg src=\"https://raw.githubusercontent.com/vonqo/block_input/master/example/example-1.gif\"\u003e\n\n### Example\n\nFull [example](https://pub.dev/packages/block_input/example)\n\n```dart\nimport 'package:block_input/block_input.dart';\n```\n\n```dart\nBlockInput(\n  controller: blockInputController,\n  keyboardType: BlockInputKeyboardType.number, // Number or Text\n  axisAlignment: MainAxisAlignment.spaceBetween, // Same as Row/Column MainAxisAlignment\n  blockInputStyle: BlockInputStyle(\n    backgroundColor: Colors.black12, // Color\n    border: OutlineInputBorder( // Same as InputDecoration border\n         borderRadius: BorderRadius.all(Radius.circular(10)),\n         borderSide: BorderSide(color: Colors.deepOrange, width: 1)\n    ),\n    focusedBorder: OutlineInputBorder( // Same as InputDecoration border\n         borderRadius: BorderRadius.all(Radius.circular(10)),\n         borderSide: BorderSide(color: Colors.blueAccent, width: 2)\n    )\n  )\n)\n```\n### Cyrillic support\nMongolian cyrillic input is **loosely** supported for now. This feature will help you to build Mongolian Registration No input. Cyrillic input triggers custom keyboard layout. Usage:\n\n```dart\nBlockInput(\n  keyboardType: BlockInputKeyboardType.mnCyrillic\n  ...\n)\n```\nCyrillic keyboard styling:\n```dart\nBlockInputStyle(\n    keyboardStyle: BlockKeyboardStyle(\n      keyColor: Colors.blueAccent,\n      backgroundColor: Colors.white,\n      width: 40,\n      height: 40,\n      textStyle: TextStyle(),\n      keyShape: RoundedRectangleBorder(\n          borderRadius: BorderRadius.circular(18.0),\n          side: BorderSide(color: Colors.red)\n      ),\n    ),\n    ...\n),\n```\n\n## Controller and Listener\n\nController is almost same as classic TextEditingController :D\n```dart\n// Initializing controller\nint inputSize = 6; // input size is required for controller\nBlockInputController blockInputController = BlockInputController(inputSize);\n\n// Attaching listener\nblockInputController.addListener(() {\n  print(blockInputController.text);\n});\n\n// Getting and Setting value\nString getValue = blockInputController.text; // get\nblockInputController.text = 'maaraa'; // set + \n// + throws exception when text length was exceeded from input size\n\nblockInputController.clear(); // clear\n\n// Disposing\nblockInputController.dispose();\n```\n\n## Attributes\n\n### BlockInput\n| Attribute              | Type                   |\n|------------------------|------------------------|\n| blockInputKeyboardType | BlockInputController   |\n| blockInputKeyboardType | BlockInputKeyboardType |\n| blockInputStyle        | BlockInputStyle        |\n| errorMessage           | String                 |\n| errorMessageStyle      | TextStyle              |\n| axisAlignment          | MainAxisAlignment      |\n\n\n\n### BlockInputStyle\n| Attribute      | Type               |\n|-----------------|--------------------|\n| backgroundColor | Color              |\n| border          | OutlineInputBorder |\n| focusedBorder   | OutlineInputBorder |\n| padding         | EdgeInsets         |\n| width           | double             |\n| textStyle       | TextStyle          |\n| keyboardStyle   | BlockKeyboardStyle |\n\n\n\n## Licence\n**Apache License version 2.0**\n\nEnkh-Amar.G // vonqo\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvonqo%2Fblock_input","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvonqo%2Fblock_input","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvonqo%2Fblock_input/lists"}