list_detail_base

Last updated:

0 purchases

list_detail_base Image
list_detail_base Images
Add to Cart

Description:

list detail base

ListDetailBase #
A template package for List-Detail or Master-Detail layouts #
Features #

Builds for large or small screens in one simple widget.
Easily modifiable.
Handles all state management with no dependencies and no fuss.
Inhereted lookup of controller ListDetail<T>.of(context)
Simple package. Look at the code. There's not much complexity.

Getting started #
Add package
flutter pub add list_detail_base
copied to clipboard
Usage #
Import
import 'package:list_detail_base/list_detail_base.dart';
copied to clipboard
Example (explore example code in the example app - it's short).
/// Example of ListDetailBase
class _MyHomePageState extends State<MyHomePage> {

/// Make a controller with the same type as your list.
/// [ColorEtymology] is an example data class
late final ListDetailController<ColorEtymology> controller;

@override
void initState() {
super.initState();
/// 5 second delay for show. Transform turns JSON list into a
/// list of your model
controller = ListDetailController(
fetch: () => Future.delayed(const Duration(seconds: 5), () => Future.value(colorMapList)),
transform: ColorEtymology.fromMap,
);
}

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text(widget.title)),
body: ListDetailLayout(
controller: controller,
listBuilder: (context, items, isSplitScreen) => ListView.builder(
itemCount: items.length,
// [Item] is an example view - a ListTile
itemBuilder: (context, index) => Item(
colorModel: items[index],
isSplitScreen: isSplitScreen,
onSelect: (value) => controller.select = value,
),
),
detailBuilder: (context, item, isSplitScreen) => item == null
? Container()
// [ColorModelDetail] is an example view - a Card
: ColorModelDetail(
colorModel: item,
isSplitScreen: isSplitScreen,
colorModelListenable: controller.selectedItem,
),
),
);
}

@override
void dispose() {
controller.dispose();
super.dispose();
}
}
copied to clipboard
Additional information #
This is a quick helper package I put together based on other work I was doing.
If you find it useful or want to add some feature please let me know.

License:

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Files In This Product:

Customer Reviews

There are no reviews.