118 lines
3.2 KiB
Dart
118 lines
3.2 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:virtual_keyboard_multi_language/virtual_keyboard_multi_language.dart';
|
|
import 'package:example/custom_layout.dart';
|
|
|
|
void main() => runApp(MyApp());
|
|
|
|
class MyApp extends StatelessWidget {
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return MaterialApp(
|
|
title: 'Virtual Keyboard Demo',
|
|
theme: ThemeData(
|
|
primarySwatch: Colors.blue,
|
|
),
|
|
home: MyHomePage(title: 'Virtual Keyboard Demo'),
|
|
);
|
|
}
|
|
}
|
|
|
|
class MyHomePage extends StatefulWidget {
|
|
MyHomePage({Key key, this.title}) : super(key: key);
|
|
final String title;
|
|
|
|
@override
|
|
_MyHomePageState createState() => _MyHomePageState();
|
|
}
|
|
|
|
class _MyHomePageState extends State<MyHomePage> {
|
|
// Holds the text that user typed.
|
|
String text = '';
|
|
CustomLayoutKeys _customLayoutKeys;
|
|
// True if shift enabled.
|
|
bool shiftEnabled = false;
|
|
|
|
// is true will show the numeric keyboard.
|
|
bool isNumericMode = true;
|
|
|
|
@override
|
|
void initState() {
|
|
_customLayoutKeys = CustomLayoutKeys();
|
|
super.initState();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
title: Text(widget.title),
|
|
),
|
|
body: Center(
|
|
child: Column(
|
|
children: <Widget>[
|
|
Text(
|
|
text,
|
|
style: Theme.of(context).textTheme.display1,
|
|
),
|
|
SwitchListTile(
|
|
title: Text(
|
|
'Keyboard Type = ' +
|
|
(isNumericMode
|
|
? 'VirtualKeyboardType.Numeric'
|
|
: 'VirtualKeyboardType.Alphanumeric'),
|
|
),
|
|
value: isNumericMode,
|
|
onChanged: (val) {
|
|
setState(() {
|
|
isNumericMode = val;
|
|
});
|
|
},
|
|
),
|
|
Expanded(
|
|
child: Container(),
|
|
),
|
|
Container(
|
|
color: Colors.deepPurple,
|
|
child: VirtualKeyboard(
|
|
height: 300,
|
|
width: 700,
|
|
textColor: Colors.white,
|
|
layoutKeys: _customLayoutKeys,
|
|
type: isNumericMode
|
|
? VirtualKeyboardType.Numeric
|
|
: VirtualKeyboardType.Alphanumeric,
|
|
onKeyPress: _onKeyPress),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
/// Fired when the virtual keyboard key is pressed.
|
|
_onKeyPress(VirtualKeyboardKey key) {
|
|
if (key.keyType == VirtualKeyboardKeyType.String) {
|
|
text = text + (shiftEnabled ? key.capsText : key.text);
|
|
} else if (key.keyType == VirtualKeyboardKeyType.Action) {
|
|
switch (key.action) {
|
|
case VirtualKeyboardKeyAction.Backspace:
|
|
if (text.length == 0) return;
|
|
text = text.substring(0, text.length - 1);
|
|
break;
|
|
case VirtualKeyboardKeyAction.Return:
|
|
text = text + '\n';
|
|
break;
|
|
case VirtualKeyboardKeyAction.Space:
|
|
text = text + key.text;
|
|
break;
|
|
case VirtualKeyboardKeyAction.Shift:
|
|
shiftEnabled = !shiftEnabled;
|
|
break;
|
|
default:
|
|
}
|
|
}
|
|
// Update the screen
|
|
setState(() {});
|
|
}
|
|
}
|