cssd/lib/widgets/CycleScreens/Result/search_box.dart

import 'package:flutter/material.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:provider/provider.dart';

import '../../../providers/cycles.dart';
class CycleResultSearchBox extends StatelessWidget {
  const CycleResultSearchBox({
    Key key,
    @required this.searchCTRL,
    @required double deviceBlockSize,
  })  : _deviceBlockSize = deviceBlockSize,
        super(key: key);

  final TextEditingController searchCTRL;
  final double _deviceBlockSize;

  @override
  Widget build(BuildContext context) {
    return TextField(
      onEditingComplete: () {
        FocusScope.of(context).unfocus();
      },
      controller: searchCTRL,
      onChanged: (value) {
        Provider.of<CyclesProvider>(context, listen: false).search(value);
      },
      decoration: InputDecoration(
        icon: Icon(
          FontAwesomeIcons.search,
          size: 6 * _deviceBlockSize,
        ),
        labelStyle: TextStyle(
          fontWeight: FontWeight.w100,
          fontSize: 4 * _deviceBlockSize,
        ),
        labelText: 'Search by cycle ID',
        isDense: true,
        contentPadding: EdgeInsets.symmetric(vertical: 2, horizontal: 3),
      ),
      style: TextStyle(
        fontWeight: FontWeight.w700,
        fontSize: 5 * _deviceBlockSize,
      ),
      keyboardType: TextInputType.number,
    );
  }
}