Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/flutter/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter 集装箱底部颤振的三维效应_Flutter_User Interface_Containers - Fatal编程技术网

Flutter 集装箱底部颤振的三维效应

Flutter 集装箱底部颤振的三维效应,flutter,user-interface,containers,Flutter,User Interface,Containers,我想在容器中创建类似3D的效果。我不知道怎么做。感谢您的帮助 提前谢谢。这不是什么3D。使用Container小部件的decoration的boxShadow属性可以很容易地实现 然后,您可以使用诸如颜色、模糊半径之类的工具来获得所需的效果 示例代码: class Shadow extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBa

我想在容器中创建类似3D的效果。我不知道怎么做。感谢您的帮助


提前谢谢。

这不是什么3D。使用
Container
小部件的
decoration
boxShadow
属性可以很容易地实现

然后,您可以使用诸如
颜色
模糊半径
之类的工具来获得所需的效果

示例代码:

class Shadow extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Shadow')),
      body: Container(
        color: Colors.black,
        child: Center(
          child: Container(
            width: 300,
            height: 300,
            decoration: BoxDecoration(
              color: Colors.blue,
              borderRadius: BorderRadius.circular(40),
              boxShadow: [
                BoxShadow(
                  color: Colors.blue.withOpacity(0.5),
                  offset: Offset(0, 25),
                  blurRadius: 3,
                  spreadRadius: -10)
              ],
            ),
          ),
        ),
      ),
    );
  }
}
输出


非常感谢您。它很有魅力。对不起,我不能投票,因为我的声誉低于15。我已经把它标记为已解决。哦,那太好了。很高兴能帮上忙:)我把你之前的问题投了更高的票,让它更高。酷,祝你旅途愉快。