• Latest
  • Hot
  • Ask
  • Full Apps
  • Ui
  • Packages
Ask April 19,2020

BottomNavigatorBar with 5 items icons : equal space/width (Flutter/Dart)

How to have equal width/space between 5 icons in a BottomNavigationBar


Solution 1: Florian K

To have equal width between icons, we have to set the type of BottomNavigationBar :

type: BottomNavigationBarType.fixed

It will be set automatically to BottomNavigationBarType.shifting if there is more than 3 items


Twitter Facebook Reddit Hacker News LinkedIn Email

Most Viewed

Netflix UI Clone Build with Flutter and BloC

GitJournal - Markdown Notes Build with Fluter

How to debug multiple widgets used the same GlobalKey

Sign in up takes so long time to load from firebase

Featured Articles

Catagories

  • Ask63292
  • Full Apps40
  • Ui5
  • Packages2
  • Game2
  • Template0
  • firebase
  • flutter
  • google-cloud-firestore
  • firebase-authentication
  • ios
  • android-studio
  • list
  • qr-code
  • thermal-printer
  • dart
  • null
  • keyboard-events
  • web
  • mapbox
  • mapbox-android
  • sqflite
  • json
  • widget
  • android-banner
  • riverpod
  • java
  • android
  • kotlin
  • mobile
  • flutter-web
  • flutter-js
  • text-recognition
  • google-mlkit
  • flutter-packages
  • permissions
  • android-permissions
  • permission-denied
  • google-maps
  • polyline
  • flutter-test
  • flutterdriver
  • listview
  • gridview
  • flutter-layout
  • datatable
  • rating
  • review
  • google-play
  • flutter-dependencies
  • android-multidex
  • android-alertdialog
  • charts
  • bluetooth
  • beacon
  • popup
  • flutter-showmodalbottomsheet
  • http-headers
  • signature
  • Privacy Policy
  • Submit Project
© Copyright © All rights reserved
Licensed under cc by-sa 3.0 with attribution required.

Catagories

  • Ask
  • Full Apps
  • Ui
  • Packages

Join our Newsletter