117 lines
3.2 KiB
Dart
117 lines
3.2 KiB
Dart
import 'package:country_code_picker/country_code.dart';
|
|
import 'package:flutter/material.dart';
|
|
|
|
/// selection dialog used for selection of the country code
|
|
class SelectionDialog extends StatefulWidget {
|
|
final List<CountryCode> elements;
|
|
final bool showCountryOnly;
|
|
final InputDecoration searchDecoration;
|
|
|
|
/// elements passed as favorite
|
|
final List<CountryCode> favoriteElements;
|
|
|
|
SelectionDialog(this.elements, this.favoriteElements, {
|
|
this.showCountryOnly,
|
|
InputDecoration searchDecoration = const InputDecoration(),
|
|
}) : this.searchDecoration = searchDecoration.copyWith(prefixIcon: Icon(Icons.search));
|
|
|
|
@override
|
|
State<StatefulWidget> createState() => new _SelectionDialogState();
|
|
}
|
|
|
|
class _SelectionDialogState extends State<SelectionDialog> {
|
|
/// this is useful for filtering purpose
|
|
List<CountryCode> showedElements = [];
|
|
|
|
@override
|
|
Widget build(BuildContext context) => new SimpleDialog(
|
|
title: new Column(
|
|
children: <Widget>[
|
|
new TextField(
|
|
decoration: widget.searchDecoration,
|
|
onChanged: _filterElements,
|
|
),
|
|
],
|
|
),
|
|
children: [
|
|
widget.favoriteElements.isEmpty
|
|
? new Container()
|
|
: new Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: <Widget>[]
|
|
..addAll(widget.favoriteElements
|
|
.map(
|
|
(f) => new SimpleDialogOption(
|
|
child: _buildOption(f),
|
|
onPressed: () {
|
|
_selectItem(f);
|
|
},
|
|
),
|
|
)
|
|
.toList())
|
|
..add(new Divider())),
|
|
]..addAll(showedElements
|
|
.map(
|
|
(e) => new SimpleDialogOption(
|
|
key: Key(e.toLongString()),
|
|
child: _buildOption(e),
|
|
onPressed: () {
|
|
_selectItem(e);
|
|
},
|
|
),
|
|
)
|
|
.toList()));
|
|
|
|
Widget _buildOption(CountryCode e) {
|
|
return Container(
|
|
width: 400,
|
|
child: Flex(
|
|
direction: Axis.horizontal,
|
|
children: <Widget>[
|
|
Flexible(
|
|
child: Padding(
|
|
padding: const EdgeInsets.only(right: 16.0),
|
|
child: Image.asset(
|
|
e.flagUri,
|
|
package: 'country_code_picker',
|
|
width: 32.0,
|
|
),
|
|
),
|
|
),
|
|
Expanded(
|
|
flex: 4,
|
|
child: Text(
|
|
widget.showCountryOnly
|
|
? e.toCountryStringOnly()
|
|
: e.toLongString(),
|
|
overflow: TextOverflow.fade,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
@override
|
|
void initState() {
|
|
showedElements = widget.elements;
|
|
super.initState();
|
|
}
|
|
|
|
void _filterElements(String s) {
|
|
s = s.toUpperCase();
|
|
setState(() {
|
|
showedElements = widget.elements
|
|
.where((e) =>
|
|
e.code.contains(s) ||
|
|
e.dialCode.contains(s) ||
|
|
e.name.toUpperCase().contains(s))
|
|
.toList();
|
|
});
|
|
}
|
|
|
|
void _selectItem(CountryCode e) {
|
|
Navigator.pop(context, e);
|
|
}
|
|
}
|