flutter pub add animated_rail根據套件公開資料產生的選型評估，僅供參考。
Animated Rail 是一個 Flutter 套件，透過具備多種視覺效果的動畫底部導航欄來增強導航體驗。它支援動態開合動畫，讓使用者能平滑切換導航欄的可見性。此套件專為現代、互動式介面設計，可無縫整合至需要跨平台優雅導航過渡的應用程式中。透過可自訂的行為與流暢的效能，為應用程式導航設計帶來精緻的質感。
以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。
Flutter Animated Naviation Rail with multiple cool effects see example project.
Add the package to your pubspec.yaml:
animated_rail: any
In your dart file, import the library:
import 'package:animated_rail/index.dart';
AnimatedRail(
background: hexToColor('#8B77DD'),
maxWidth: 275,
width: 100,
expand: false,
isStatic: true,
railTileConfig: RailTileConfig(
iconSize: 22,
iconColor: Colors.white,
expandedTextStyle: TextStyle(fontSize: 15),
collapsedTextStyle: TextStyle(fontSize: 12, color: Colors.white),
activeColor: Colors.indigo,
iconPadding: EdgeInsets.symmetric(vertical: 5),
hideCollapsedText: true,
),
items: [
RailItem(
icon: Icon(Icons.home),
label: "Home",
screen: _buildScreen('Home')),
RailItem(
icon: Icon(Icons.message_outlined),
label: 'Messages',
screen: _buildScreen('Messages')),
RailItem(
icon: Icon(Icons.notifications),
label: "Notification",
screen: _buildScreen('Notification')),
RailItem(
icon: Icon(Icons.person),
label: 'Profile',
screen: _buildScreen('Profile')),
],
)
| Name | Description | Required | Default value |
|---|---|---|---|
items |
the tabs of the rail as a list of object type [RailItem] | required | - |
width |
the width of the rail when it is opened | required | 100 |
maxWidth |
the max width the rai will snap to, active when [exapnd] is equal true | - | 350 |
direction |
direction of rail if it is on the right or left | required | TextDirection.ltr |
selectedIndex |
current selected Index dont use it unlessa you want to change the tabs programmatically | - | 0 |
background |
background of the rail | - | 0 |
expand |
if true the the rail can exapnd and reach [maxWidth] and the animation for text will take effect | - | true |
isStatic |
if true the rail will not move vertically | - | false |
railTileConfig |
Rail tile config | - | - |
cursorSize |
Size of cursor | - | Size(100,100) |
cursorActionType |
adds click trigger option to use on cursor | - | CursorActionTrigger.drag |
builder |
custom widgt builder for rail menu items | - | - |
[x] full custom tab [x] add more customization to rail item [ ] custom rail pointer [ ] custom rail shape
暫無相關資料。