Segemented Control with TabView for Flutter. Inspired by SegmentedControl (iOS) and Material Design.
-
Add flat_segmented_control to your package's pubspec.yaml, then intall it.
-
Import package.
import 'package:flat_segmented_control/flat_segmented_control.dart';
- Add this to your child Widget.
FlatSegmentedControl(
tabChildren: <Widget>[
Container(
height: 50.0,
child: Center(child: Text("Tab 1")),
),
Container(
height: 50.0,
child: Center(child: Text("Tab 2")),
),
Container(
height: 50.0,
child: Center(child: Text("Tab 3")),
),
],
childrenHeight: 150.0,
children: <Widget>[
Center(child: Text("View 1")),
Center(child: Text("View 2")),
Center(child: Text("View 3")),
],
),
- Make sure length of children same as navChildren.
- Change childrenHeight or childrenWidth if you desire.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent