Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD

circle list

a new flutter package for circle list.

a new flutter package for circle list.

add dependency

dependencies:
  circle_list: ^0.0.6

super simple to use

import 'package:flutter/material.dart';
import 'package:circle_list/circle_list.dart';

class showdemopage extends statelesswidget {

  @override
  widget build(buildcontext context) {
    return scaffold(
      appbar: appbar(backgroundcolor: colors.white,),
      body: center(
        child: circlelist(
          origin: offset(0, 0),
          children: list.generate(10, (index) {
            return icon(
              icons.details,
              color: index % 2 == 0 ? colors.blue : colors.orange,
            );
          }),
        ),
      ),
    );
  }
}

circle list

if you want to add gradient background

circlelist(
          gradient: lineargradient(
            colors: [colors.redaccent, colors.blueaccent],
          ),
          origin: offset(0, 0),
          children: list.generate(10, (index) {
            return icon(
              icons.details,
              color: index % 2 == 0 ? colors.blue : colors.orange,
            );
          }),
        ),

image

another background

circlelist(
          innercirclecolor: colors.redaccent,
          outercirclecolor: colors.greenaccent,
          origin: offset(0, 0),
          children: list.generate(10, (index) {
            return icon(
              icons.details,
              color: index % 2 == 0 ? colors.blue : colors.orange,
            );
          }),
        )

image

centerwidget

circlelist(
          origin: offset(0, 0),
          children: list.generate(10, (index) {
            return icon(
              icons.details,
              color: index % 2 == 0 ? colors.blue : colors.orange,
            );
          }),
          centerwidget: cliprrect(
              borderradius: borderradius.all(radius.circular(100)),
              child: image.asset("images/avator.jpg")),
        ),

image

demo

image


Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD


Download this source code for
5 USD

Comments are closed.