Flutter 아이콘 버튼의 배경색을 설정하는 방법은 무엇인가요?, How to set background color for an icon button?

질문

아이콘 버튼에 배경색을 적용하고 싶지만 명시적인 backgroundColor 속성을 찾을 수 없습니다. 이렇게 하려고 합니다:

현재까지 이렇게 성취했습니다:

지금까지의 코드는 다음과 같습니다:

@override
  Widget build(BuildContext context) {

return Scaffold(
    resizeToAvoidBottomPadding: false,
    backgroundColor: Color(0xFF13212C),
    appBar: AppBar(
      title: Text('데모'),
    ),
    drawer: appDrawer(),
    body: new Center(
    child: new Column(
    crossAxisAlignment: CrossAxisAlignment.stretch,
 //     mainAxisAlignment: MainAxisAlignment.spaceEvenly,
    children: <Widget>[
      new Column(
        children: <Widget>[
       //   new Flexible(
    new TextField(
        style: new TextStyle(
        color: Colors.white,
      fontSize: 16.0),
      cursorColor: Colors.green,
      decoration: new InputDecoration(

        suffixIcon: new IconButton(
            icon: new Image.asset('assets/search_icon_ivory.png'),onPressed: null),

      fillColor: Colors.black,
        contentPadding: new EdgeInsets.fromLTRB(10.0, 20.0, 10.0, 20.0),
        filled: true,
        hintText: '무엇을 도와드릴까요?',
        hintStyle: new TextStyle(
          color: Colors.white
        )
    )
    )
      //    )
    ]
),

답변

원하는 높이의 텍스트 필드의 높이/2 또는 원하는 높이와 같은 반경을 가진 원형 아바타를 사용할 수 있습니다.

텍스트 필드 사양을 확인하려면 material.io를 방문하십시오.

따라서 코드 청크는 다음과 같을 것입니다:

CircleAvatar(
                radius: 30,
                backgroundColor: Color(0xff94d500),
                child: IconButton(
                  icon: Icon(
                    Icons.search,
                    color: Colors.black,
                  ),
                  onPressed: () {
                    ...
                  },
                ),
              ),

이렇게 하면 배경색이 있는 아이콘 버튼을 얻을 수 있습니다. 이것이 여러분들에게 도움이 되기를 바랍니다.