flutter_section_table_view 0.1.1
flutter_section_table_view: ^0.1.1 copied to clipboard

outdated

A iOS like table view including section, row, section header and divider

flutter_section_table_view #

  • A iOS like table view including section, row, section header and divider
  • you can animate/jump to specific index path
  • you can know which index path it scrolled to, when scrolling

Usage #

first(optional)

init Section Table Controller, so that you can scroll table view by index path

and you can pass a callback function to get scrolled position when scrolling

  final controller = SectionTableController(sectionTableViewScrollTo: (section, row, isScrollDown) {
    print('received scroll to $section $row scrollDown:$isScrollDown');
  });

second

render SectionTableView

SectionTableView(
          sectionCount: 7,
          numOfRowInSection: (section) {
            return section == 0 ? 3 : 4;
          },
          cellAtIndexPath: (section, row) {
            return Container(
              height: 44.0,
              child: Center(
                child: Text('Cell $section $row'),
              ),
            );
          },
          headerInSection: (section) {
            return Container(
              height: 25.0,
              color: Colors.grey,
              child: Text('Header $section'),
            );
          },
          divider: Container(
            color: Colors.green,
            height: 1.0,
          ),
          controller: controller, //SectionTableController
          sectionHeaderHeight: (section) => 25.0,
          dividerHeight: () => 1.0,
          cellHeightAtIndexPath: (section, row) => 44.0,
        )

third

if you want, you can animate/jump to specific indexPath by calling

controller.animateTo(2, -1).then((complete) {
              print('animated $complete');
iOSandroid

Getting Started #

For help getting started with Flutter, view our online documentation.

For help on editing package code, view the documentation.

7
likes
0
pub points
82%
popularity

A iOS like table view including section, row, section header and divider

Repository (GitHub)
View/report issues

Uploader

realank@gmail.com

Dependencies

flutter

More

Packages that depend on flutter_section_table_view