Splitter view plugin

A splitter view for flutter.

Usage

To use this plugin, add split_view as a dependency in your pubspec.yaml file.

Example

import'package:flutter/material.dart';
import'package:split_view/split_view.dart';
voidmain() =>runApp(MyApp());
classMyAppextendsStatelessWidget {
// This widget is the root of your application.@overrideWidgetbuild(BuildContext context) {
returnMaterialApp(
title:'Flutter Demo',
theme:ThemeData(
primarySwatch:Colors.blue,
),
home:MyHomePage(title:'Flutter Demo Home Page'),
);
}
}
classMyHomePageextendsStatefulWidget {
MyHomePage({Key key, this.title}) :super(key: key);
finalString title;
@override_MyHomePageStatecreateState() =>_MyHomePageState();
}
class_MyHomePageStateextendsState<MyHomePage> {
@overrideWidgetbuild(BuildContext context) {
returnScaffold(
appBar:AppBar(
title:Text(widget.title!),
),
body:SplitView(
children: [
SplitView(
viewMode:SplitViewMode.Horizontal,
indicator:SplitIndicator(viewMode:SplitViewMode.Horizontal),
activeIndicator:SplitIndicator(
viewMode:SplitViewMode.Horizontal,
isActive:true,
),
children: [
Container(
child:Center(child:Text("View1")),
color:Colors.red,
),
Container(
child:Center(child:Text("View2")),
color:Colors.blue,
),
Container(
child:Center(child:Text("View3")),
color:Colors.green,
),
],
onWeightChanged: (w) =>print("Horizon: $w"),
),
Container(
child:Center(child:Text("View4")),
color:Colors.purple,
),
Container(
child:Center(child:Text("View5")),
color:Colors.yellow,
),
],
viewMode:SplitViewMode.Vertical,
indicator:SplitIndicator(viewMode:SplitViewMode.Vertical),
activeIndicator:SplitIndicator(
viewMode:SplitViewMode.Vertical,
isActive:true,
),
controller:SplitViewController(limits: [null, WeightLimit(max:0.5)]),
onWeightChanged: (w) =>print("Vertical $w"),
),
);
}
}

ToDo

• Add tests.
• Aim to enhance documents.
• and more...