{"id":32273071,"url":"https://github.com/taylanyildiz/cf_indicator","last_synced_at":"2026-02-22T03:03:36.424Z","repository":{"id":56826938,"uuid":"359496663","full_name":"taylanyildiz/cf_indicator","owner":"taylanyildiz","description":"Page view responsive indicator on page view widget","archived":false,"fork":false,"pushed_at":"2021-04-23T20:21:56.000Z","size":83,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-22T23:19:57.499Z","etag":null,"topics":["android","desktop","indicator","ios","web"],"latest_commit_sha":null,"homepage":"","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/taylanyildiz.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":"2021-04-19T14:52:10.000Z","updated_at":"2021-04-23T20:21:58.000Z","dependencies_parsed_at":"2022-09-20T22:54:31.787Z","dependency_job_id":null,"html_url":"https://github.com/taylanyildiz/cf_indicator","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/taylanyildiz/cf_indicator","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/taylanyildiz%2Fcf_indicator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/taylanyildiz%2Fcf_indicator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/taylanyildiz%2Fcf_indicator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/taylanyildiz%2Fcf_indicator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/taylanyildiz","download_url":"https://codeload.github.com/taylanyildiz/cf_indicator/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/taylanyildiz%2Fcf_indicator/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29704401,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-21T23:35:04.139Z","status":"online","status_checked_at":"2026-02-22T02:00:08.193Z","response_time":110,"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":["android","desktop","indicator","ios","web"],"created_at":"2025-10-22T23:14:22.121Z","updated_at":"2026-02-22T03:03:36.419Z","avatar_url":"https://github.com/taylanyildiz.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"# cf_indicator\n\n Page View Indicator.\n\n## Screenshots\n\n\u003cimg src=\"https://user-images.githubusercontent.com/37551474/115258848-06d92000-a13a-11eb-92f2-169dec4334a8.png\" height=\"300em\" /\u003e \u003cimg src=\"https://user-images.githubusercontent.com/37551474/115258994-283a0c00-a13a-11eb-9365-41ca7220bfb2.png\" height=\"300em\" /\u003e \u003cimg src=\"https://user-images.githubusercontent.com/37551474/115259004-296b3900-a13a-11eb-985b-af17f6d0667b.png\" height=\"300em\" /\u003e \n\n\n## Usage\n\n[Example](https://github.com/taylanyildiz/cf_indicator/blob/master/example/example.dart)\n\nTo use this package :\n\n* add the dependency to your [pubspec.yaml](https://github.com/taylanyildiz/cf_indicator/blob/master/pubspec.yaml) file.\n\n## dependencies:\n\n```yaml\n  dependencies:\n    flutter:\n      sdk: flutter\n    cf_indicator: \"^0.0.8\"\n```\n\n\n## How to use\n\n## import\n\n```dart\nimport 'package:cf_indicator/cf_indicator.dart';\n```\n\n## example\n```dart\n  PageIndicator(\n    // controller: _pageController,\n    // height: 300.0,\n    // width: 200.0,\n    //backgroundColor: Colors.blue,\n    value: .5, // must be between 1.0 and 0.0 or null\n    onPageChanged: (value) =\u003e print(value),\n    page: Images.imageslist.length,\n    builder: (context, index) =\u003e _displayWidget(context, index),\n    // you have default indicator. if you want change add indicator class \n    // you don't have to fill every value in indicator. You can change what value[s] you want to change \n    // indicator: Indicator(indicatorColor: Colors.blue),\n    \u003c!-- indicator: Indicator(\n      offset: Offset(0.0,20.0),\n      indicatorBackColor: Colors.grey,\n      indicatorColor: Colors.orange,\n      radius: 10.0,\n      thickness: -4.0,\n      space: 10.0,\n      ), --\u003e\n    \n  ),\n```\n\n```dart\n   void main() {\n  runApp(MyApp());\n}\n\nclass MyApp extends StatelessWidget {\n  // This widget is the root of your application.\n  @override\n  Widget build(BuildContext context) {\n    return MaterialApp(\n      debugShowCheckedModeBanner: true,\n      title: 'Page View Indicator Demo',\n      theme: ThemeData(\n        primarySwatch: Colors.blue,\n      ),\n      home: HomeScreen(title: 'Page View Indicator'),\n    );\n  }\n}\n\n/// [Images] class for example app [List\u003cString\u003e] type\n/// We have assets path insede it has 3 images [Movie Images]\nclass Images {\n  static final imageslist = \u003cString\u003e[\n    \"assets/images/anatolia.png\",\n    \"assets/images/god_father.png\",\n    \"assets/images/social_network.png\",\n  ];\n}\n\nclass HomeScreen extends StatefulWidget {\n  final String title;\n  HomeScreen({\n    Key key,\n    @required this.title,\n  }) : super(key: key);\n  @override\n  _HomeScreenState createState() =\u003e _HomeScreenState();\n}\n\n/// [_pageController] is not default Controller if we want create a [PageController] and can use in our pageView,\nclass _HomeScreenState extends State\u003cHomeScreen\u003e {\n  // PageController _pageController;\n  @override\n  void initState() {\n    super.initState();\n    // _pageController = PageController(initialPage: 1, viewportFraction: .5);\n  }\n\n  /// [_displayWidget] showing child widget we have\n  Widget _displayWidget(context, index) {\n    return Image.asset(\n      Images.imageslist[index],\n      fit: BoxFit.cover,\n    );\n  }\n\n  @override\n  Widget build(BuildContext context) {\n    return Scaffold(\n      body: Center(\n        child: Column(\n          mainAxisAlignment: MainAxisAlignment.center,\n          children: [\n            PageIndicator(\n              indicator: Indicator(\n                indicatorBackColor: Colors.grey,\n                indicatorColor: Colors.orange,\n                radius: 10.0,\n                thickness: -4.0,\n                space: 10.0,\n              ),\n              // height: 300.0,\n              // width: 200.0,\n              //backgroundColor: Colors.blue,\n              value: .5, // must be between 1.0 and 0.0 or null\n              onPageChanged: (value) =\u003e print(value),\n              page: Images.imageslist.length,\n              // controller: _pageController,\n              builder: (context, index) =\u003e _displayWidget(context, index),\n            ),\n          ],\n        ),\n      ),\n    );\n  }\n}\n```\n\n## Getting Started\n\nThis project is a starting point for a Dart\n[package](https://flutter.dev/developing-packages/),\na library module containing code that can be shared easily across\nmultiple Flutter or Dart projects.\n\nFor help getting started with Flutter, view our \n[online documentation](https://flutter.dev/docs), which offers tutorials, \nsamples, guidance on mobile development, and a full API reference.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftaylanyildiz%2Fcf_indicator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftaylanyildiz%2Fcf_indicator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftaylanyildiz%2Fcf_indicator/lists"}