GitLocker: The Coding Marketplace

Description:

split view

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';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: MyHomePage(title: 'Flutter Demo Home Page'),
);
}
}

class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);

final String title;

@override
_MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
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"),
),
);
}
}
copied to clipboard
ToDo #

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