flexi_bottom_nav
FlexiBottomNavigation 是一個可自定義的 Flutter 底部導航組件。它讓您能輕鬆建立具有可配置圖示、標籤和顏色的底部導航列,讓您能靈活地根據應用程式需求客製化導航體驗。
FlexiBottomNavigation 是一個可自定義的 Flutter 底部導航組件。它讓您能輕鬆建立具有可配置圖示、標籤和顏色的底部導航列,讓您能靈活地根據應用程式需求客製化導航體驗。
{"sdk":"flutter"}{"sdk":"flutter"}^1.20.0^3.0.0以下為英文專案原文快照,最新內容請造訪 GitHub。
FlexiBottomNavigation is a customizable bottom navigation widget for Flutter. It allows you to easily create a bottom navigation bar with configurable icons, labels, and colors, giving you the flexibility to tailor the navigation experience to your app's needs.
To use FlexiBottomNavigation in your Flutter project, follow these steps:
Add the Dependency:
Add flexi_bottom_nav to your pubspec.yaml file:
flexi_bottom_nav: 0.0.1
dependencies:
flutter:
sdk: flutter
flexi_bottom_nav: 0.0.1
pub add flexi_bottom_nav
Install the Package:
Run flutter pub get to install the package.
Here’s a simple example of how to use FlexiBottomNavigation in your Flutter application:
import 'package:flutter/material.dart';
import 'package:flexi_bottom_nav/flexi_bottom_nav.dart';
void main() {
runApp(MaterialApp(
home: FlexiBottomNavigation(
screens: [
Scaffold(body: Center(child: Text('Screen 1'))),
Scaffold(body: Center(child: Text('Screen 2'))),
Scaffold(body: Center(child: Text('Screen 3'))),
],
labels: ['Home', 'Search', 'Profile'],
icons: [Icons.home, Icons.search, Icons.person],
iconColors: [Colors.blue, Colors.green, Colors.red],
textSize: 14.0,
iconSize: 30.0,
selectedItemColor: Colors.red,
unselectedItemColor: Colors.blueGrey,
),
));
}
For more advanced usage and customization, check the example folder included in the package.