如何才能在flutter上创建一个自定义的阴影?

问题描述 投票:1回答:1

我想给图像边缘的阴影和阴影,我给与boxshadow是正方形的阴影.我不希望这种形状。我只是想让影子根据图像的形状。这里是我的阴影代码。

 Container (

              decoration:BoxDecoration(

                image: DecorationImage(
                 image: 
                 AssetImage('images/image 2.png'),),
                boxShadow:[

                  BoxShadow(
                 color:Color.fromRGBO(0, 0, 0, 0.25), 
                  offset: Offset(0,4),
                  blurRadius:4,

                   ),
                   ],
              ),

             // child:Image.asset('images/image 2.png'),

             ),

这是我的用户界面。enter image description here

但我不希望像这样,我该怎么做?

user-interface flutter dart flutter-layout flutter-dependencies
1个回答
0
投票

你可以剪裁图像并添加阴影,但更容易的是在图像上添加阴影。

enter image description here

import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      home: MyWidget(),
    ),
  );
}

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Stack(
      children: [
        Container(
          width: 600,
          height: 500,
          color: Colors.red
        ),
        Center(
           child: Image.network('https://iili.io/J8JSTv.png'),
        ),
      ]),
      );
  }
}

编码

© www.soinside.com 2019 - 2024. All rights reserved.