block_input 0.0.4 copy "block_input: ^0.0.4" to clipboard
block_input: ^0.0.4 copied to clipboard

outdated

Simple character block input.

example/lib/main.dart

import 'package:block_input/block_input_keyboard_type.dart';
import 'package:block_input/block_input_style.dart';
import 'package:flutter/material.dart';
import 'dart:async';

import 'package:flutter/services.dart';
import 'package:block_input/block_input.dart';

void main() {
  runApp(MyApp());
}

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

class _MyAppState extends State<MyApp> {

  @override
  void initState() {
    super.initState();
  }

  @override
  void dispose() {
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Block Input Example'),
        ),
        body: Container(
          padding: EdgeInsets.all(10),
          child: BlockInput(
            blockInputKeyboardType: BlockInputKeyboardType.number,
            blockInputStyle: BlockInputStyle(
              backgroundColor: Colors.black12,
              border: OutlineInputBorder(
                borderRadius: BorderRadius.all(Radius.circular(10)),
                borderSide: BorderSide(color: Colors.deepOrange, width: 1)
              ),
              focusedBorder: OutlineInputBorder(
                  borderRadius: BorderRadius.all(Radius.circular(10)),
                  borderSide: BorderSide(color: Colors.blueAccent, width: 2)
              )
            ),
            inputSize: 6,
          ),
        )
      ),
    );
  }
}