revanced-manager/lib/ui/widgets/search_bar.dart
2022-08-02 18:41:29 +05:30

64 lines
1.7 KiB
Dart

import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';
class SearchBar extends StatefulWidget {
SearchBar({
Key? key,
required this.onQueryChanged,
}) : super(key: key);
final Function(String) onQueryChanged;
@override
State<SearchBar> createState() => _SearchBarState();
}
class _SearchBarState extends State<SearchBar> {
@override
Widget build(BuildContext context) {
return Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(12),
color: const Color(0xff1B222B),
border: Border.all(
color: const Color(0xff1B222B),
width: 1,
),
),
child: Row(
children: [
Expanded(
child: TextField(
onChanged: widget.onQueryChanged,
decoration: InputDecoration(
fillColor: Colors.blueGrey[700],
filled: true,
contentPadding: const EdgeInsets.all(12.0),
hintText: 'Search applications',
hintStyle: GoogleFonts.poppins(
color: Colors.white,
fontWeight: FontWeight.w400,
),
prefixIcon: const Icon(
Icons.search,
color: Colors.white,
size: 24.0,
),
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(10),
borderSide: BorderSide.none,
),
),
style: GoogleFonts.poppins(
color: Colors.white,
fontWeight: FontWeight.w400,
fontSize: 16,
),
),
),
],
),
);
}
}