flexi_bottom_nav
FlexiBottomNavigation는 플러터용 사용자 정의 가능한 하단 탐색 위젯입니다. 구성 가능한 아이콘, 레이블 및 색상으로 쉽게 하단 탐색 바를 만들 수 있으며, 앱의 필요에 맞게 탐색 경험을 유연하게 조정할 수 있습니다.
FlexiBottomNavigation는 플러터용 사용자 정의 가능한 하단 탐색 위젯입니다. 구성 가능한 아이콘, 레이블 및 색상으로 쉽게 하단 탐색 바를 만들 수 있으며, 앱의 필요에 맞게 탐색 경험을 유연하게 조정할 수 있습니다.
{"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.