flutter_index_widget 0.1.0

Flutter Android iOS web

A letter navigation widget like contact right letter , support custom text, touch down up listener, touch index listener.

flutter_index_widget #

screenshot #

img

custom index

use #

add pubspec.yaml #

dependencies:
  flutter_index_widget: ^0.1.0

import library #

import 'package:flutter_index_widget/flutter_index_widget.dart';

use widget #

default

    Widget widget = IndexWidget(
        width: 25.0,
        indexTouchChange: (int index) {
            setState(() {
                _text = defaultEntries[index].text; //get the entry and text
            });
        },
        indexTouchStateChange: (bool down) {
            setState(() {
                if (down) {
                    _state = "touch down";
                } else {
                    _state = "touch up";
                }
            });
        },
    ),

custom index text

  List<IndexEntry> list = [];

  @override
  void initState() {
    super.initState();
    for (var i = 10; i >= 0; i--) {
      list.add(IndexEntry(text: "$i", desc: i.toString()));
    }
  }

   Container(
        child: IndexWidget(
        entries: list,
        width: 25.0,
        indexTouchChange: (int index) {
            setState(() {
                _index = index;
                _text = list[index].text;
            });
        },
        indexTouchStateChange: (bool down) {
                setState(() {
                    if (down) {
                        _state = "touch down";
                    } else {
                        _state = "touch up";
                    }
                });
            },
        ),
    ),  
0
likes
80
pub points
0%
popularity

A letter navigation widget like contact right letter , support custom text, touch down up listener, touch index listener.

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

cjl_spy@163.com

License

MIT (LICENSE)

Dependencies

flutter, rect_getter

More

Packages that depend on flutter_index_widget