flutter_dialpad_plus 0.2.1

  • Readme
  • Changelog
  • Example
  • Installing
  • 55

flutter_dialpad_plus #

This package is fork of package flutter_dialpad with additional features and coming updates which are mentioned at the bottom of documentation.

A phone dialer widget that can be added to any Flutter Application to enable ability to dial a number. This could be combined with a voip application to enable placing calls or number can be provided to any API e.g WhatsApp API.

This is a purely Dart widget with no dependency on Android or iOS except for the flutter_dtmf package it uses for DTMF tone generation on pressing a button. You can turn it off my setting enableDtmf: false

Note:

Scaffold backgroundColor: Colors.black,is perfect for default view, unless you want to customize it give it a go.

Getting Started #

Example Code #


@override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        backgroundColor: Colors.black,
        body: SafeArea(
          child: Column(
            children: <Widget>[
              SizedBox(
                height: 140,
              ),
              DialPad(
                  // keyPadTextColor: Colors.lightBlue,
                  //   dialButtonIconColor: Colors.indigo,
                  //  keyPadColor: Colors.lightBlue,
                  outputMask: //Visual formatting of input
                      "0000 000 00 00", //Here you can mask the display of inserted number. unformatted text won't show up.
                  dialButtonColor: Colors.greenAccent[400],
                  dialButtonIconColor: Colors.yellowAccent[100],
                  buttonIcon: Icons.textsms,
                  enableDtmf: true,
                  backspaceButtonIconColor: Colors.blue,
                  useNumber: (number) {
                    //use this `number` variable for any reference or implementation.
                    print(number);
                  }),
            ],
          ),
        ),
      ),
    );
  }
  

Screenshots #

Android ScreenshotiOS Screenshot
Android ScreenshotiOS Screenshot

TODO: #

  • [ ] Shrink Output to Fit
  • [ ] Support for Local Numbers in Text Input Mask
  • [ ] Long Tapping 0 will return +.
  • [ ] Customized Masking, Depending on input
  • [ ] Dark & Light Themes.
  • [ ] Support Number Pasting.

flutter_dialpad + Improvements: #

  • Button Icon is fully customizable

  • Every color is customizable

  • Long Pressing BackSpace clears Complete input

Interested in contribution? #

Every pull request is very welcome. . .

Simply fork the repo at GitHub and after making appropriate changes create a pull request with completely describing what changes were made by You.

[0.2.1] - 2020-04-14 #

  • Updated Version on pana suggestion.

[0.0.2+1] - 2020-04-14 #

  • Updated Changelog
  • Updated LICENCE
  • Updated Description

[0.0.1] - 2020-04-14 #

  • Button Icon is fully customizable

  • Every color is customizable.

  • Long Pressing BackSpace clears Complete input.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:flutter_dialpad_plus/flutter_dialpad_plus.dart';

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

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

class _MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        backgroundColor: Colors.black,
        body: SafeArea(
          child: Column(
            children: <Widget>[
              SizedBox(
                height: 140,
              ),
              DialPad(
                  // keyPadTextColor: Colors.lightBlue,
                  //   dialButtonIconColor: Colors.indigo,
                  //  keyPadColor: Colors.lightBlue,
                  outputMask: //Visual formatting of input
                      "0000 000 00 00", //Here you can mask the display of inserted number. unformatted text won't show up.
                  dialButtonColor: Colors.greenAccent[400],
                  dialButtonIconColor: Colors.yellowAccent[100],
                  buttonIcon: Icons.textsms,
                  enableDtmf: true,
                  backspaceButtonIconColor: Colors.blue,
                  useNumber: (number) {
                    //use this `number` variable for any reference or implementation.
                    print(number);
                  }),
            ],
          ),
        ),
      ),
    );
  }
}

Use this package as a library

1. Depend on it

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


dependencies:
  flutter_dialpad_plus: ^0.2.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_dialpad_plus/flutter_dialpad_plus.dart';
  
Popularity:
Describes how popular the package is relative to other packages. [more]
10
Health:
Code health derived from static analysis. [more]
100
Maintenance:
Reflects how tidy and up-to-date the package is. [more]
100
Overall:
Weighted score of the above. [more]
55
Learn more about scoring.

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

  • Dart: 2.8.4
  • pana: 0.13.14
  • Flutter: 1.17.5

Analysis suggestions

Package does not support Flutter platform linux

Because:

  • package:flutter_dialpad_plus/flutter_dialpad_plus.dart that imports:
  • package:flutter_dtmf/flutter_dtmf.dart that declares support for platforms: android, ios

Package does not support Flutter platform macos

Because:

  • package:flutter_dialpad_plus/flutter_dialpad_plus.dart that imports:
  • package:flutter_dtmf/flutter_dtmf.dart that declares support for platforms: android, ios

Package does not support Flutter platform web

Because:

  • package:flutter_dialpad_plus/flutter_dialpad_plus.dart that imports:
  • package:flutter_dtmf/flutter_dtmf.dart that declares support for platforms: android, ios

Package does not support Flutter platform windows

Because:

  • package:flutter_dialpad_plus/flutter_dialpad_plus.dart that imports:
  • package:flutter_dtmf/flutter_dtmf.dart that declares support for platforms: android, ios

Package not compatible with SDK dart

Because:

  • flutter_dialpad_plus that is a package requiring null.

Dependencies

Package Constraint Resolved Available
Direct dependencies
Dart SDK >=2.2.2 <3.0.0
flutter 0.0.0
flutter_dtmf ^0.0.3 0.0.3
flutter_masked_text ^0.8.0 0.8.0
Transitive dependencies
collection 1.14.12 1.14.13
meta 1.1.8 1.2.2
sky_engine 0.0.99
typed_data 1.1.6 1.2.0
vector_math 2.0.8 2.1.0-nullsafety
Dev dependencies
flutter_test