Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/eliezerantonio/arc_sidebar
Navigation Menu for flutter apps
https://github.com/eliezerantonio/arc_sidebar
dart drawer drawer-navigation flutter sidebar
Last synced: 7 days ago
JSON representation
Navigation Menu for flutter apps
- Host: GitHub
- URL: https://github.com/eliezerantonio/arc_sidebar
- Owner: eliezerantonio
- License: mit
- Created: 2024-12-25T13:11:27.000Z (9 days ago)
- Default Branch: main
- Last Pushed: 2024-12-25T18:13:26.000Z (9 days ago)
- Last Synced: 2024-12-27T01:12:06.071Z (7 days ago)
- Topics: dart, drawer, drawer-navigation, flutter, sidebar
- Language: C++
- Homepage: https://pub.dev/packages/arc_sidebar
- Size: 191 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# arc_sidebar
by: [Eliezer António](https://github.com/eliezerantonio/)
|  |  |
|---------------------------------------------------------------------------------------------|---------------------------------------------------------------------------------------------|
## Installation
Add `arc_sidebar: ^0.0.2` to your `pubspec.yaml` dependencies. And import it:
```dart
import 'package:arc_sidebar/arc_sidebar.dart';
```
## How to use
```dart
ArcSideBar(
body: [
SideBarItem(
icon: Icons.play_arrow_outlined,
title: 'Exhibition Screen',
onTap: (){
},
),
SideBarItem(
title: 'Popular Screen',
icon: Icons.movie_outlined,
onTap: (){
},
),
SideBarItem(
title: 'Briefly Screen',
icon: Icons.card_giftcard,
onTap: (){
},
),
],
);
```
### All SliderItem parameters
```dart
Key? key,
IconData? icon,
TextStyle? style,
Color? iconColor,
String title,
void Function()? onTap,
```
## General Example
## Preview
```dart
class Home extends StatefulWidget {
const Home({super.key});
@override
State createState() => _HomeState();
}
class _HomeState extends State {
int _currentIndex = 0;
final List _currentScreen = [
Container(color: Colors.red, width: 500, height: 1000),
Container(color: Colors.purpleAccent, width: 500, height: 1000),
Container(color: Colors.orange, width: 500, height: 1000),
Container(color: Colors.greenAccent, width: 500, height: 1000),
];
void onIconPressed(int index) async {
setState(() {
_currentIndex = index;
});
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: Stack(
children: [
_currentScreen[_currentIndex],
ArcSideBar(
background: Colors.white,
header: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
SizedBox(height: 50),
Icon(
Icons.flutter_dash,
size: 100,
color: Colors.blueAccent,
),
],
),
),
body: [
SideBarItem(
icon: Icons.play_arrow_outlined,
title: 'Exhibition Screen',
onTap: () => onIconPressed(0),
),
SideBarItem(
title: 'Popular Screen',
icon: Icons.movie_outlined,
onTap: () => onIconPressed(1),
),
SideBarItem(
title: 'Briefly Screen',
icon: Icons.card_giftcard,
onTap: () => onIconPressed(2),
),
],
footer: Column(
children: [
ListTile(
title: Text("Dark Mode", style: TextStyle(fontWeight: FontWeight.w300, fontSize: 17)),
leading: Icon(Icons.lightbulb_outline, size: 30),
trailing: Switch.adaptive(
value: false,
onChanged: (value) {},
),
),
],
),
),
],
),
);
}
}
```
---
### 🤝 **Contributing to ArcSideBar**
1. **Fork the Repository**: Create your copy.
2. **Create a Branch**:
```bash
git checkout -b my-feature-branch
```
3. **Make Changes**: Implement your feature or fix.
4. **Commit Changes**:
```bash
git commit -m "Add a new feature"
```
5. **Push to Your Fork**:
```bash
git push origin my-feature-branch
```
6. **Create a Pull Request**: Submit your changes for review.