{"id":18140760,"url":"https://github.com/js-bhavyansh/textinput","last_synced_at":"2026-01-26T01:01:31.821Z","repository":{"id":258948341,"uuid":"875625763","full_name":"js-bhavyansh/TextInput","owner":"js-bhavyansh","description":"A simple Flutter app that allows users to input and display text in real-time","archived":false,"fork":false,"pushed_at":"2024-10-31T15:52:10.000Z","size":270,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-12T23:43:54.641Z","etag":null,"topics":["dart","flutter","text-input"],"latest_commit_sha":null,"homepage":"","language":"C++","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/js-bhavyansh.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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}},"created_at":"2024-10-20T13:34:35.000Z","updated_at":"2024-10-31T15:52:14.000Z","dependencies_parsed_at":"2024-12-20T05:10:40.356Z","dependency_job_id":"3e2f4348-ce92-4185-bee3-c04211ac429c","html_url":"https://github.com/js-bhavyansh/TextInput","commit_stats":null,"previous_names":["bhavyansh03-tech/textinput"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/js-bhavyansh%2FTextInput","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/js-bhavyansh%2FTextInput/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/js-bhavyansh%2FTextInput/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/js-bhavyansh%2FTextInput/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/js-bhavyansh","download_url":"https://codeload.github.com/js-bhavyansh/TextInput/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238569595,"owners_count":19493912,"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","flutter","text-input"],"created_at":"2024-11-01T16:06:49.702Z","updated_at":"2025-10-27T23:30:47.214Z","avatar_url":"https://github.com/js-bhavyansh.png","language":"C++","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Flutter Demo App\n\nThis is a simple Flutter demo app that allows users to input text and display it on the screen. Users can type their thoughts in the text field, and upon pressing the \"Post\" button, their input will be displayed on the home page.\n\n## Features\n\n- Text input field\n- Clear button to reset the input\n- Display user input in real-time\n\n## Preview\n\u003cimg src=\"https://github.com/user-attachments/assets/b9bc6fce-b2bb-40e1-99a2-1ef5f3c073ec\" alt=\"First Screenshot\" style=\"width: 200px; height: auto; margin-right: 10px;\"\u003e\n\n## Code Snippet\n\nHere is the code for the `HomePage` widget:\n\n```dart\nclass HomePage extends StatefulWidget {\n  const HomePage({super.key});\n\n  @override\n  State\u003cHomePage\u003e createState() =\u003e _HomePageState();\n}\n\nclass _HomePageState extends State\u003cHomePage\u003e {\n  // Use this controller to get what the user typed\n  final _textController = TextEditingController();\n\n  // Store user text input into a variable\n  String userPost = '';\n\n  @override\n  Widget build(BuildContext context) {\n    return Scaffold(\n      body: Padding(\n        padding: const EdgeInsets.all(20.0),\n        child: Column(\n          mainAxisAlignment: MainAxisAlignment.center,\n          crossAxisAlignment: CrossAxisAlignment.end,\n          children: [\n            // Display Text\n            Expanded(\n               child: Center(child: Text(userPost, style: const TextStyle(fontSize: 30))),\n            ),\n\n            // Text Input\n            TextField(\n              controller: _textController,\n              decoration: InputDecoration(\n                hintText: 'What\\'s on your mind?',\n                border: const OutlineInputBorder(),\n                suffixIcon: IconButton(\n                    onPressed: () {\n                      // Clear what's currently in the text field\n                      _textController.clear();\n                    },\n                    icon: const Icon(Icons.clear)\n                )\n              )\n            ),\n\n            // Post Button\n            MaterialButton(\n              onPressed: () {\n                setState(() {\n                  // Update our string variable to get the new user input\n                  userPost = _textController.text;\n                });\n              },\n              color: Colors.blue,\n              child: const Text('Post', style: TextStyle(color: Colors.white)),\n            )\n          ],\n        ),\n      ),\n    );\n  }\n}\n```\n\n## Getting Started\n\nTo run this project on your local machine:\n\n1. Clone the repository and open it in your IDE:\n   ```bash\n   git clone https://github.com/Bhavyansh03-tech/PageView.git\n   ```\n2. Run the project on an emulator or a physical device.\n   ```bash\n   flutter run\n   ```\n\n## Contributing\n\nContributions are welcome! Please fork the repository and submit a pull request for any improvements or bug fixes.\n\n1. Fork the repository.\n2. Create your feature branch (`git checkout -b feature/your-feature`).\n3. Commit your changes (`git commit -am 'Add some feature'`).\n4. Push to the branch (`git push origin feature/your-feature`).\n5. Create a new Pull Request.\n\n## Contact\n\nFor questions or feedback, please contact [@Bhavyansh03-tech](https://github.com/Bhavyansh03-tech) on GitHub or connect with me on [LinkedIn](https://www.linkedin.com/in/bhavyansh03/).\n\n---\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjs-bhavyansh%2Ftextinput","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjs-bhavyansh%2Ftextinput","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjs-bhavyansh%2Ftextinput/lists"}