Image 9颤振中的补丁替代方案？

如何实现如下所示的设计

此图显示一个带有文本的播放按钮。我不会将它创建为具有某种梯度的容器。 这给我留下了两个选择

在文本前后定义两个可生长的矩形，可用于根据图像的宽度进行缩放

为没有文本的图像定义一个可扩展的矩形，然后将文本放置在图像中，并允许按钮具有可扩展的大小

但是，如果没有原生安卓的9patch，我该怎么做呢

编辑：

---

如何设置宽度？取消对宽度的注释会使我

---

这意味着按钮占用了屏幕宽度的一半，但没有扩展。

如果您得到答案，请与我分享thanks@abbasjafary只需跟随问题或将其加入书签即可。@pskink我尝试过使用它，但是图像是像素化的。一个代码示例将非常有用。我看到了这一页，但没有帮助。不，只允许一个切片

Container(
//        width: MediaQuery.of(context).size.width/2,
        child: FlatButton(
          onPressed: () => print('onPressed'),
          padding: EdgeInsets.zero,
          child: Ink.image(
            image: FileImage(File('btn_default_normal.9.png')),
            centerSlice: Rect.fromLTWH(18 - 1.0, 36 - 1.0, 2, 2),
            child: Text(
              'press me',
              style: TextStyle(color: Colors.blue, fontSize: 20),
            ),
          ),
        ),
      )