flutter_search_panel 1.0.1

  • Readme
  • Changelog
  • Example
  • Installing
  • 83

Flutter Search Panel #

pub package

A Widget to allow users to search from a list of string and make a selection (Similar to a DropDownButtom).

Installing #

dependencies:
  flutter_search_panel: ^1.0.1

Import #

import 'package:flutter_search_panel/flutter_search_panel.dart';

How To Use #

List<SearchItem<int>> data = [
  SearchItem(0, 'This'),
  SearchItem(1, 'is'),
  SearchItem(2, 'a'),
  SearchItem(3, 'test'),
  SearchItem(4, '.'),
];

FlutterSearchPanel<int>(
  padding: EdgeInsets.all(10.0),
  selected: 3,
  title: 'Demo Search Page',
  data: data,
  icon: new Icon(Icons.check_circle, color: Colors.white),
  color: Colors.blue,
  textStyle: new TextStyle(color: Colors.white, fontWeight: FontWeight.bold, fontSize: 20.0, decorationStyle: TextDecorationStyle.dotted),
  onChanged: (int value) {
    print(value);
  },
),

Screenshots #

alt text alt text

Bugs & Requests #

If you encounter any bugs feel free to open an issue. Raise a ticket on github for suggestions. Pull request are also welcome.

Flutter #

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

For help on editing plugin code, view the documentation.

License #

MIT License

0.0.1 #

  • Initial commit

0.0.2 #

  • Updating docs
  • Maintenance (Search page title fix)

1.0.0 #

  • First stable release
  • Description Update

1.0.1 #

  • Added Dynamic data

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:flutter_search_panel/flutter_search_panel.dart';
import 'package:flutter_search_panel/search_item.dart';

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

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => new _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    List<SearchItem<int>> data = [
      SearchItem(0, 'This'),
      SearchItem(1, 'is'),
      SearchItem(2, 'a'),
      SearchItem(3, 'test'),
      SearchItem(4, '.'),
    ];

    return new MaterialApp(
      home: new Scaffold(
        appBar: new AppBar(
          title: const Text('Flutter Search Panel'),
        ),
        body: Center(
          child: FlutterSearchPanel<int>(
            padding: EdgeInsets.all(10.0),
            selected: 2,
            title: 'Demo with Integer',
            data: data,
            icon: new Icon(Icons.check_circle, color: Colors.white),
            color: Colors.blue,
            textStyle: new TextStyle(
                color: Colors.white,
                fontWeight: FontWeight.bold,
                fontSize: 20.0,
                decorationStyle: TextDecorationStyle.dotted),
            onChanged: (int value) {
              print(value);
            },
          ),
        ),
      ),
    );
  }
}

Use this package as a library

1. Depend on it

Add this to your package's pubspec.yaml file:


dependencies:
  flutter_search_panel: ^1.0.1

2. Install it

You can install packages from the command line:

with Flutter:


$ flutter pub get

Alternatively, your editor might support flutter pub get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:


import 'package:flutter_search_panel/flutter_search_panel.dart';
  
Popularity:
Describes how popular the package is relative to other packages. [more]
78
Health:
Code health derived from static analysis. [more]
100
Maintenance:
Reflects how tidy and up-to-date the package is. [more]
69
Overall:
Weighted score of the above. [more]
83
Learn more about scoring.

We analyzed this package on Jul 7, 2020, and provided a score, details, and suggestions below. Analysis was completed with status completed using:

  • Dart: 2.8.4
  • pana: 0.13.13
  • Flutter: 1.17.5

Analysis suggestions

Package does not support Flutter platform linux

Because of import path [package:flutter_search_panel/flutter_search_panel.dart] that declares support for platforms: android, ios

Package does not support Flutter platform macos

Because of import path [package:flutter_search_panel/flutter_search_panel.dart] that declares support for platforms: android, ios

Package does not support Flutter platform web

Because of import path [package:flutter_search_panel/flutter_search_panel.dart] that declares support for platforms: android, ios

Package does not support Flutter platform windows

Because of import path [package:flutter_search_panel/flutter_search_panel.dart] that declares support for platforms: android, ios

Package not compatible with SDK dart

because of import path [flutter_search_panel] that is in a package requiring null.

Health suggestions

Format lib/search_item.dart.

Run flutter format to format lib/search_item.dart.

Maintenance suggestions

Package is getting outdated. (-30.68 points)

The package was last published 68 weeks ago.

Dependencies

Package Constraint Resolved Available
Direct dependencies
Dart SDK >=2.0.0-dev.28.0 <3.0.0
flutter 0.0.0
Transitive dependencies
collection 1.14.12 1.14.13
meta 1.1.8 1.2.1
sky_engine 0.0.99
typed_data 1.1.6 1.2.0
vector_math 2.0.8
Dev dependencies
flutter_test