profile_wheel 0.0.6

Good looking customizable profile Wheel. Lets you customize all colors, shades, icons etc.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:profile_wheel/WheelItemConfig.dart';
import 'package:profile_wheel/profile_wheel.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        backgroundColor: Colors.white,
        appBar: AppBar(
          title: const Text('Plugin example app'),
        ),
        body: ExampleWheel(),
      ),
    );
  }
}

class ExampleWheel extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return OrientationBuilder(builder: (context, orientation) {
      return ProfileWheel(
        itemConfig: WheelItemConfig(
          icon1: Icons.monetization_on,
          onTapCallback1: () {},
          shadowOffset1: Offset(-2, -2),
          title1: "123 Coins",
          icon2: Icons.person_add_alt_1,
          onTapCallback2: () {},
          shadowOffset2: Offset(2, -2),
          title2: "5 Friends",
          icon3: Icons.post_add,
          onTapCallback3: () {},
          shadowOffset3: Offset(-4, 8),
          title3: "7 Posts",
          icon4: Icons.add_moderator,
          onTapCallback4: () {},
          shadowOffset4: Offset(4, 8),
          title4: "3 Badges",
        ),
        width: orientation == Orientation.portrait
            ? MediaQuery.of(context).size.width
            : MediaQuery.of(context).size.height -
                (MediaQuery.of(context).padding.top + kToolbarHeight),
        imageSize: orientation == Orientation.portrait
            ? MediaQuery.of(context).size.width / 4
            : (MediaQuery.of(context).size.height -
                    (MediaQuery.of(context).padding.top + kToolbarHeight)) /
                4,
        dividerColor: Colors.grey[300],
        backgroundColor: Colors.white,
        dividerWeight: 1,
        preSelected: 3,
        imageProvider:
            NetworkImage("https://www.w3schools.com/howto/img_avatar2.png"),
      );
    });
  }
}