flutter - TextField 的背景图片 - Flutter

Question

我正在尝试为 Flutter 中的 TextField 添加背景图片。到目前为止，这是我尝试过的:

Stack(
 alignment: AlignmentDirectional.center,
 children: <Widget>[
   SizedBox(width:333.0, height:43.0,
     child: Image(image: AssetImage('assets/search_field.png')),),
     TextField(
       textAlign: TextAlign.center,
       controller: _searchController,
       autocorrect: false,
       style: inputTextStyle,
       decoration: InputDecoration(
         filled:false,
     ))],)

不幸的是，我遇到了三个问题:

• 文本框被拉伸(stretch)到设备的宽度，光标在图像左侧闪烁
• 文本框下方有单线边框
• 当键盘出现时，我看到溢出警告(底部溢出 137 像素)

[✓] Flutter(Channel beta，v0.4.4，Mac OS X 10.13.4 17E199，语言环境 en-US)

如有任何帮助，我们将不胜感激。

Answer 1

Stack 不是最好的解决方案。 因为在堆栈位置可能会因屏幕而异。 试试这个代码:

Container(
  child: TextFormField(),
  decoration: BoxDecoration(
        image: DecorationImage(fit: BoxFit.cover,
          image: AssetImage("assets/images/desert.jpg",),
        ),
  ),
),