Get the App
SLTechnology News&Howtos  ›  Development  › 

How to create the bottom Navigation Bar with Flutter

Shulou Source: shulou.com Published: 2022-06-02 01:52:35 10月01日 Update

Flutter how to achieve the bottom navigation bar creation, many novices are not very clear about this, in order to help you solve this problem, the following editor will explain for you in detail, people with this need can come to learn, I hope you can gain something.

ConvexBottomBar is a bottom navigation bar component that displays raised TAB effects and supports a variety of built-in styles to interact with animation. You can find online samples on https://appbar.codemagic.app/.

Add dependencies

Go to pubspec in your project. Add dependencies: add the latest version of https://pub.dev/packages/convex_bottom_bar.

Run the following code to add dependencies

Flutter pub add convex_bottom_barenvironment: sdk: = 2.12.0

Tags: Icon style color support properties navigation background bottom superscript theme animation page same code variable circle multiple screen application title Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno NVidia OPPO Reno Linux Shulou Technology macOS