main.dart

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        title: 'Text Editing Demo',
        home: SafeArea(
          child: MyTextControllerDemo(),
        ));
  }
}

class MyTextControllerDemo extends StatefulWidget {
  @override
  _MyTextControllerDemoState createState() => _MyTextControllerDemoState();
}

class _MyTextControllerDemoState extends State<MyTextControllerDemo> {
  TextEditingController _textEditingController = TextEditingController();
  @override
  Widget build(BuildContext context) {
    return Container(
      color: Colors.white,
      padding: EdgeInsets.all(10.0),
      child: Card(
          color: Colors.transparent,
          elevation: 8,
          child: ClipRRect(
              borderRadius: BorderRadius.all(Radius.circular(16.0)),
              child: Container(
                height: 50.0,
                padding: EdgeInsets.symmetric(horizontal: 16.0),
                color: Theme.of(context).accentColor,
                child: TextField(
                  decoration: InputDecoration(
                      icon: Icon(Icons.search),
                      border: InputBorder.none,
                      hintStyle: TextStyle(fontSize: 18),
                      hintText: 'hint'),
                  textInputAction: TextInputAction.search,
                  cursorColor: Colors.black,
                  style: TextStyle(fontSize: 18),
                  controller: _textEditingController,
                ),
              ))),
    );
  }
}