flat_segmented_control 0.1.0

Flutter Android iOS web

Segemented Control with TabView. Inspired by SegmentedControl (iOS) and Material Design.

flat_segmented_control #

Segemented Control with TabView for Flutter. Inspired by SegmentedControl (iOS) and Material Design.

Gif Example

How to use #

  1. Add flat_segmented_control to your package's pubspec.yaml, then intall it.

  2. Import package.

import 'package:flat_segmented_control/flat_segmented_control.dart';
  1. 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")),
    ],
),

Check #

  1. Make sure length of children same as navChildren.
  2. Change childrenHeight or childrenWidth if you desire.
1
likes
100
pub points
78%
popularity

Segemented Control with TabView. Inspired by SegmentedControl (iOS) and Material Design.

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

dhimasbrd@gmail.com

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on flat_segmented_control