我当时正在从事一个涉及投入的项目。我想要输入框阴影。我在容器上尝试了BoxShadow小部件,但是它使内容的阴影而不是外部的阴影。
我怎样才能做到这一点?
最佳答案
用容器包装textField并给boxShadow
Container(
decoration: BoxDecoration(
color: Colors.white,
borderRadius: new BorderRadius.circular(10.0),
boxShadow: [
BoxShadow(color: Colors.grey, blurRadius: 2.0, spreadRadius: 0.4)
]),
child: TextField(
decoration: InputDecoration(
isDense: true,
counterText: "",
contentPadding: EdgeInsets.all(10.0),
filled: true,
fillColor: Colors.white,
border: OutlineInputBorder(
borderRadius:
new BorderRadius.circular(10.0),
borderSide: BorderSide.none)),
textAlign: TextAlign.start,
maxLines: 1,
maxLength: 20,
// controller: _locationNameTextController,
)
);