https://github.com/11shraddha/customshapedbottombar

Custom Shaped Bottom Navigation Bar in Flutter
https://github.com/11shraddha/customshapedbottombar

bottombar bottomnavigationview curved curved-bottom-sheet curved-ui custompaint customshape flutter flutter-examples flutter-ui widget

Last synced: 18 days ago
JSON representation

Custom Shaped Bottom Navigation Bar in Flutter

• Host: GitHub
• URL: https://github.com/11shraddha/customshapedbottombar
• Owner: 11Shraddha
• License: mit
• Created: 2022-05-06T12:21:33.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2022-05-06T12:29:05.000Z (almost 4 years ago)
• Last Synced: 2025-04-04T14:38:10.319Z (11 months ago)
• Topics: bottombar, bottomnavigationview, curved, curved-bottom-sheet, curved-ui, custompaint, customshape, flutter, flutter-examples, flutter-ui, widget
• Language: Dart
• Homepage:
• Size: 3.91 KB
• Stars: 7
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# CustomShapedBottomBar

Custom Shaped Bottom Navigation Bar in Flutter



**Usage: **

Add CustomPaint Widget to use this Painter class like this: 

            Container(

              height: 200,

              width: 400,

              padding: const EdgeInsets.only(top: 80.0),

              child: CustomPaint(

                painter: ProfileCardPainter(

                    color: AppColors.themeGoldColor, avatarRadius: 30), //3

              ),

            )