flutter display .9 image，how to clear show image

Question

in flutter,i want to show .9 image.and i use DecorationImage's centerSlice.and i have 3x image 156x48 px. but now i want to make widget height to 16px.if i change image size to 52x16.the image will blurring. how can i do this thanks.

Container(
              decoration: BoxDecoration(
                image: DecorationImage(
                  image: AssetImage('images/icon_vip_bg.png'),// 256x48 i want to sale to 1/3
                  centerSlice: Rect.fromLTWH(10, 8, 20, 0.5),
                ),
              ),
              child: Container(
                height: 48, // i want to make height to 16
                width: 200,
                padding: EdgeInsets.only(left: 10,right: 20),
                child: Text('abcde',style: TextStyle(fontSize: 12,color: Colors.redAccent),),
              ),
            )

question from:https://stackoverflow.com/questions/65623128/flutter-display-9-image-how-to-clear-show-image

Answer 1

Waitting for answers