page_indicator

preview

image

install

see

  1. Depend on it Add this to your package's pubspec.yaml file:
dependencies:
  page_indicator: ^0.1.3
  1. Install it

You can install packages from the command line:

with Flutter:

flutter packages get

Alternatively, your editor might support flutter packages get. Check the docs for your editor to learn more.

  1. Import it Now in your Dart code, you can use:

import 'package:page_view_indicator/page_view_indicator.dart';

use

see

PageIndicatorContainer(
    pageView: PageView(
        children: <Widget>[
        Column(
        Text('1'),
        Text('2'),
        Text('3'),
        Text('4'),
        ],
        controller: controller,
    ),
    align: IndicatorAlign.bottom, // your indicator align with container
    length: 4, // indicator count
    indicatorColor: Colors.white, // unselected indicator color
    indicatorSelectorColor: Colors.grey, // selected indicator color
    padding: EdgeInsets.only(bottom: 10.0), // padding with bottom .when align top you should use properties `top:10.0`
    size: 15.0, // indicator size.
    indicatorSpace: 10.0, // space between circles
    )

Libraries

page_indicator

Dart

dart:ui
Built-in types and core primitives for a Flutter application. [...]

Core

dart:async
Support for asynchronous programming, with classes such as Future and Stream. [...]
dart:collection
Classes and utilities that supplement the collection support in dart:core. [...]
dart:convert
Encoders and decoders for converting between different data representations, including JSON and UTF-8. [...]
dart:core
Built-in types, collections, and other core functionality for every Dart program. [...]
dart:developer
Interact with developer tools such as the debugger and inspector. [...]
dart:math
Mathematical constants and functions, plus a random number generator. [...]
dart:typed_data
Lists that efficiently handle fixed sized data (for example, unsigned 8 byte integers) and SIMD numeric types. [...]

VM

dart:io
File, socket, HTTP, and other I/O support for non-web applications. [...]
dart:isolate
Concurrent programming using isolates: independent workers that are similar to threads but don't share memory, communicating only via messages. [...]