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,
);
}),
),
),
);
}
}
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,
);
}),
),
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,
);
}),
)
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")),
),
demo
Comments are closed.