在flutter中，给一个container四周加上阴影

可以使用Container的decoration属性来添加阴影效果，示例代码如下：

Container(
  decoration: BoxDecoration(
    boxShadow: [
      BoxShadow(
        color: Colors.grey.withOpacity(0.5),
        spreadRadius: 5,
        blurRadius: 7,
        offset: Offset(0, 3),
      ),
    ],
  ),
  child: // your child widget here
)

这段代码会在Container周围添加一层灰色的阴影效果。你可以根据需要调整阴影的颜色、大小、偏移等参数。

相关问题

flutter container阴影

要在Flutter中添加容器阴影，可以使用Container组件的decoration属性。该属性允许您使用BoxDecoration对象来指定容器的样式，包括背景色、边框和阴影等。

以下是一个简单的示例代码，演示如何在Flutter中添加容器阴影：

Container(
  decoration: BoxDecoration(
    color: Colors.white,
    boxShadow: [
      BoxShadow(
        color: Colors.grey.withOpacity(0.5),
        spreadRadius: 5,
        blurRadius: 7,
        offset: Offset(0, 3), // 位置偏移量
      ),
    ],
  ),
  child: YourWidget(),
)

在上面的代码中，我们定义了一个Container组件，并使用BoxDecoration对象指定了容器的样式。我们设置了容器的背景色为白色，并添加了一个阴影。阴影使用了BoxShadow对象来定义，我们设置了阴影的颜色、扩散半径、模糊半径和位置偏移量。您可以根据需要调整这些属性值来实现所需的阴影效果。

希望能帮助到你！

在flutter中设计一个标题在左侧的输入框

在Flutter中设计一个标题在左侧的输入框，你可以使用`Row`和`Expanded`来实现。以下是一个简单的示例代码：

Container(
  padding: EdgeInsets.symmetric(horizontal: 10.0),
  child: Row(
    children: <Widget>[
      Text(
        '标题',
        style: TextStyle(fontSize: 16.0),
      ),
      Expanded(
        child: TextFormField(
          decoration: InputDecoration(
            hintText: '请输入内容',
            border: InputBorder.none,
          ),
        ),
      ),
    ],
  ),
)

在这个示例中，我们使用`Container`包装了`Row`来添加一些内边距。然后我们在`Row`中添加了一个`Text`小部件来显示标题，以及一个`Expanded`小部件来包装`TextFormField`小部件，以便让输入框占据剩余的空间。最后，我们在`TextFormField`中设置了`InputDecoration`来去除输入框的边框。