This will override the surrounding ButtonThemeData.padding setting for buttons. ButtonBar widget contains three properties: alignment, children, and mainAxisSize. They will be wrapped in a ButtonBar and are rendered above the bottomNavigationBar but below the body. Padding for a ButtonBar buttons child (typically the buttons label). | curve | the curve for the animation | Curves.fastOutSlowIn | Flutter provides the flexibility to arrange the buttons in a bar or a row. | children | A list of ButtonBarEntry to display | required | | borderWidth | width of the border | borderColor != null ? 1.0 : 0.0 | | borderColor | color of the border | null | | backgroundColor | main color of the widget | Theme.of(context).backgroundColor | By default all buttons are uniformly sized in a ButtonBar, meaning that all buttons take the width of the widest button. | animationDuration | animation duration when tap | const Duration(milliseconds: 200) |
You can populate it with different types of widgets like IconīackgroundColor: 800,įoregroundColor: 300,īuttonBarEntry(onTap: () => print('First item tapped'), child: Icon(Icons.person)),īuttonBarEntry(onTap: () => print('Second item tapped'), child: Icon(Icons.people)), MainAxisAlignment: MainAxisAlignment.center,īuttonBarEntry(onTap: () => print('First item tapped'), child: Text('Day')),īuttonBarEntry(onTap: () => print('Second item tapped'), child: Text('Week')),īuttonBarEntry(onTap: () => print('Third item tapped'), child: Text('Month')),īuttonBarEntry(onTap: () => print('Fourth item tapped'), child: Text('Year')) Google has just announced Flutter beta 3 which includes a new Material Design component called BottomAppBar widget. Even though it can be achieved through a widget like Row Widget. ButtonBar widget in Flutter is going to offer flexibility over arranging the Button Widget in Flutter easily. ButtonBar widget is a super helpful widget to arrange Buttons in a Row. Then you have to import the package with: import 'package:animated_button_bar/animated_button_bar.dart' Īnd use an AnimatedBarButton like this: Column( 2.2K views 3 years ago Flutter Widget in 3 Minutes. Getting started #Īdd this to your app's pubspec.yaml file: dependencies: AnimatedButtonBar is a flutter library that allows you to create a row of buttons with an animation on selection.
0 kommentar(er)
