itsaligadimi/half_circle_list

Display a list of items in a circular order

Features

Helps you display items in half circle

Add dependency

dependencies:
  circle_list: ^1.0.0

Usage

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

void main() {
  runApp(MaterialApp(
    home: Scaffold(
      appBar: AppBar(
        title: Text('Half Circle List'),
      ),
      body: Center(
        child: Container(
          padding: EdgeInsets.all(100),
          child: HalfCircleList(
            children: List.generate(
              7,
                  (index) => Container(
                key: ValueKey(index),
                padding: EdgeInsets.all(16),
                decoration: BoxDecoration(
                    color: Color(0xFFEFEFEF),
                    boxShadow: [
                      BoxShadow(
                        color: Colors.grey.withOpacity(0.5),
                        spreadRadius: 3,
                        blurRadius: 10,
                        offset: Offset(0, 3), // changes position of shadow
                      ),
                    ],
                    borderRadius: BorderRadius.circular(5)
                ),
                width: 70,
                height: 100,
                child: Center(child: Text(index.toString())),
                // child: Center(child: Image.asset("assets/png/angel-card-icon.png", width: 50, height: 70,)),
              ),
            ),
          ),
        ),
      ),
    ),
  ));
}

TODO

• add start angle
• add step angle
• add total angle