adding packages
This commit is contained in:
@@ -0,0 +1,149 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/cupertino.dart';
|
||||
|
||||
class CupertinoSearchBar extends AnimatedWidget {
|
||||
const CupertinoSearchBar({
|
||||
Key? key,
|
||||
required this.controller,
|
||||
required this.focusNode,
|
||||
this.onCancel,
|
||||
this.onChanged,
|
||||
this.onSubmitted,
|
||||
this.autoFocus = false,
|
||||
required this.animation,
|
||||
this.onClear,
|
||||
this.enabled = true,
|
||||
this.autoCorrect = true,
|
||||
}) : assert(controller != null),
|
||||
assert(focusNode != null),
|
||||
super(key: key, listenable: animation);
|
||||
|
||||
final TextEditingController controller;
|
||||
final FocusNode focusNode;
|
||||
final ValueChanged<String>? onChanged, onSubmitted;
|
||||
final VoidCallback? onCancel, onClear;
|
||||
final bool autoFocus, enabled, autoCorrect;
|
||||
final Animation<double> animation;
|
||||
|
||||
static final _opacityTween = new Tween(begin: 1.0, end: 0.0);
|
||||
static final _paddingTween = new Tween(begin: 0.0, end: 60.0);
|
||||
static final _kFontSize = 13.0;
|
||||
// static final Key _inputKey = new Key(debugLabel: 'searchBox');
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
// if (!widget.alwaysShowAppBar)
|
||||
// FocusScope.of(context).requestFocus(_searchFocusNode);
|
||||
|
||||
return new Padding(
|
||||
padding: const EdgeInsets.fromLTRB(10.0, 0.0, 20.0, 0.0),
|
||||
child: new Row(
|
||||
children: <Widget>[
|
||||
new Expanded(
|
||||
child: new Container(
|
||||
padding:
|
||||
const EdgeInsets.symmetric(horizontal: 8.0, vertical: 6.0),
|
||||
decoration: new BoxDecoration(
|
||||
color: CupertinoColors.lightBackgroundGray,
|
||||
border:
|
||||
new Border.all(width: 0.0, color: CupertinoColors.white),
|
||||
borderRadius: new BorderRadius.circular(10.0),
|
||||
),
|
||||
child: new Stack(
|
||||
alignment: Alignment.centerLeft,
|
||||
children: <Widget>[
|
||||
new Row(
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
children: <Widget>[
|
||||
new Padding(
|
||||
padding: const EdgeInsets.fromLTRB(0.0, 0.0, 4.0, 1.0),
|
||||
child: new Icon(
|
||||
CupertinoIcons.search,
|
||||
color: CupertinoColors.inactiveGray,
|
||||
size: _kFontSize + 2.0,
|
||||
),
|
||||
),
|
||||
new Text(
|
||||
'Search',
|
||||
style: new TextStyle(
|
||||
inherit: false,
|
||||
color: CupertinoColors.inactiveGray
|
||||
.withOpacity(_opacityTween.evaluate(animation)),
|
||||
fontSize: _kFontSize,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
new Row(
|
||||
mainAxisAlignment: MainAxisAlignment.end,
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: <Widget>[
|
||||
new Expanded(
|
||||
child: new Padding(
|
||||
padding: const EdgeInsets.only(left: 20.0),
|
||||
child: enabled
|
||||
? new EditableText(
|
||||
key: Key("Search_Input_Box"),
|
||||
controller: controller,
|
||||
focusNode: focusNode,
|
||||
onChanged: onChanged,
|
||||
autofocus: autoFocus,
|
||||
onSubmitted: onSubmitted,
|
||||
style: new TextStyle(
|
||||
color: CupertinoColors.black,
|
||||
inherit: false,
|
||||
fontSize: _kFontSize,
|
||||
),
|
||||
autocorrect: autoCorrect,
|
||||
cursorColor: CupertinoColors.black,
|
||||
backgroundCursorColor: Colors.grey,
|
||||
)
|
||||
: null,
|
||||
),
|
||||
),
|
||||
new CupertinoButton(
|
||||
minSize: 10.0,
|
||||
padding: const EdgeInsets.all(1.0),
|
||||
borderRadius: new BorderRadius.circular(30.0),
|
||||
color: CupertinoColors.inactiveGray.withOpacity(
|
||||
1.0 - _opacityTween.evaluate(animation),
|
||||
),
|
||||
child: new Icon(
|
||||
Icons.close,
|
||||
size: 8.0,
|
||||
color: CupertinoColors.white,
|
||||
),
|
||||
onPressed: () {
|
||||
if (animation.isDismissed)
|
||||
return;
|
||||
else
|
||||
onClear!();
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
new SizedBox(
|
||||
width: _paddingTween.evaluate(animation),
|
||||
child: new CupertinoButton(
|
||||
padding: const EdgeInsets.only(left: 8.0),
|
||||
onPressed: onCancel,
|
||||
child: new Text(
|
||||
'Cancel',
|
||||
softWrap: false,
|
||||
style: new TextStyle(
|
||||
inherit: false,
|
||||
color: CupertinoColors.activeBlue,
|
||||
fontSize: _kFontSize,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,66 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/cupertino.dart';
|
||||
|
||||
enum CupertinoTextTheme { title, subtitle, detail, custom }
|
||||
|
||||
class CupertinoText extends StatelessWidget {
|
||||
final String? data;
|
||||
final TextStyle? style;
|
||||
final int maxLines;
|
||||
final CupertinoTextTheme type;
|
||||
|
||||
const CupertinoText(
|
||||
this.data, {
|
||||
Key? key,
|
||||
this.style,
|
||||
this.maxLines = 1,
|
||||
this.type = CupertinoTextTheme.detail,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
switch (type) {
|
||||
case CupertinoTextTheme.title:
|
||||
return Text(
|
||||
data!,
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: const TextStyle(
|
||||
fontWeight: FontWeight.w600,
|
||||
letterSpacing: -0.18,
|
||||
),
|
||||
);
|
||||
case CupertinoTextTheme.subtitle:
|
||||
return Text(
|
||||
data!,
|
||||
maxLines: 1,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: const TextStyle(
|
||||
fontSize: 15.0,
|
||||
letterSpacing: -0.24,
|
||||
color: CupertinoColors.inactiveGray,
|
||||
),
|
||||
);
|
||||
case CupertinoTextTheme.detail:
|
||||
return Text(
|
||||
data!,
|
||||
style: const TextStyle(
|
||||
color: CupertinoColors.inactiveGray,
|
||||
fontSize: 15.0,
|
||||
letterSpacing: -0.41,
|
||||
),
|
||||
);
|
||||
case CupertinoTextTheme.custom:
|
||||
return Text(
|
||||
data!,
|
||||
style: style ??
|
||||
const TextStyle(
|
||||
color: CupertinoColors.inactiveGray,
|
||||
fontSize: 15.0,
|
||||
letterSpacing: -0.41,
|
||||
),
|
||||
);
|
||||
}
|
||||
return Container();
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user