flutter - 不透明问题 flutter

Question

我不知道如何实现不透明度以使其不影响其中的文本.....我只想让背景完全消失并留下文本。我不能把它留成白色，因为应用程序本身有背景

而且我也找不到关于如何在屏幕下方创建一条线以将图 block 彼此分开的文档

这是我的 list

? new ListView.builder(
                    itemCount: controlHeadings.length,
                    itemBuilder: (BuildContext context, int index) {
                      return new Opacity(
                        opacity: 0.9,
                        child: new Card(
                          color: Theme.CompanyColors.coolGrey,
                          elevation: 2.0,
                          child: new ListTile(
                              leading: new Text(
                                "${controlHeadings[index]['id']}",
                                style: new TextStyle(
                                  color: Colors.white,
                                  fontWeight: FontWeight.bold,
                                ),
                              ),
                              title: new Text(
                                "${controlHeadings[index]['title']}",
                                style: new TextStyle(
                                  color: Colors.white,
                                  fontWeight: FontWeight.bold,
                                  fontSize: 15.0,
                                ),
                              ),

Answer 1

将 Opacity 视为过滤器。它完全影响它的 child 。考虑到您的要求是“不可能的”。

相反，您应该提取需要绕过 Opacity 的内容，以确保它不是作为 Opacity 的子项。您可以使用 Stack 实现此目的:

Stack(
  children: [
    Positioned.fill(
      child: Opacity(
        opacity: .9,
        child: Card(color: Colors.red),
      ),
    ),
    Text("Not affected"),
  ],
)

---

或者，您可以使用 withOpacity 方法更改您的 Card 的背景颜色:

Card(
  color: Colors.red.withOpacity(.9),
  child: Text("foo"),
)