Last updated:
0 purchases
flutter podium
Showcase your top performers in style with a modern 3D Podium widget! #
This package provides a customizable Podium widget for Flutter that allows you to easily display three positions with sleek 3D bars.
Features #
Modern Design: Enhance your app's aesthetics with a visually appealing podium design.
3D Bars: Utilize attractive 3D bars to represent each position on the podium.
Customization: Control various aspects of the podium's appearance, such as colors, materials, and sizes.
Easy to Use: Integrate the Podium widget seamlessly into your existing Flutter projects.
Getting started #
To use the Flutter Podium Widget in your project, follow these steps:
1. Add the dependency:
Add the following line with the latest version to your pubspec.yaml file:
dependencies:
podium:^X.X.X
copied to clipboard
2. Install the package:
Run the following command in your terminal to install the package:
flutter pub get
copied to clipboard
3. Import the package:
Add the following line to the top of the dart file where you would want to use the podium widget:
import 'package:podium/flutter_podium.dart'
copied to clipboard
Usage #
Here's a basic example of how to use the Podium widget:
import 'package:podium/flutter_podium.dart';
Podium(
firstPosition: Text("Winner 1"),
secondPosition: Text("Winner 2"),
thirdPosition: Text("Winner 3"),
),
copied to clipboard
This code snippet will display a podium with " Winner Name", " Runner-Up Name", and " Third Place Name" occupying the first, second, and third positions, respectively.
Additional Customization:
The Podium widget offers various properties to customize its appearance. Explore a few of the available properties in the code snippet below:
Podium(
firstPosition: Text("James"),
secondPosition: Text("Steinfield"),
thirdPosition: Text("Icona"),
color: Colors.pink,
rankingTextColor: Colors.white,
rankingFontSize: 30,
displayRankingNumberInsteadOfText: true,
hideRanking: false,
height: 250,
width: 100,
horizontalSpacing: 3,
),
copied to clipboard
Additional information #
Contributing: We welcome contributions from the community! If you have improvements or new features in mind, feel free to submit a pull request.
Issues: Encountered a bug or have a question? Raise an issue on the GitHub repository.
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
There are no reviews.