（颤振）是不是可以使脚手架的底部表透明？

Posted 2023-02-23

【中文标题】（颤振）是不是可以使脚手架的底部表透明？

【英文标题】：(Flutter) Is it possible to make bottomSheet of Scaffold transparent?（颤振）是否可以使脚手架的底部表透明？

【发布时间】：2021-12-31 11:04:06

【问题描述】：

我最近在详细帖子下方开发了评论视图。

就像我附上的图片一样，我想为每条评论显示图片，但图片容器应该是透明的，才能看到最后一条评论。

但我认为 Scaffold 不允许 bottomSheet 有透明的孩子。

有没有人想办法解决这个问题？

class PostDetail extends StatelessWidget 
  final int maxRenderImgCnt = 4;
  final Post post;

  PostDetail(this.post);

  @override
  Widget build(BuildContext context) 
    return Scaffold(
      appBar: CustomAppBar( ... ),
      body: SingleChildScrollView( ... ),
      bottomSheet: CommonTextField(onTap: null, editTarget: null),

【参考方案1】：

您可以使用不透明小部件包装小部件，但还有另一种方式更有效，即使以后更改它也更有效，那就是 ThemeData 小部件：

bottomSheetTheme: BottomSheetThemeData(
        backgroundColor: Colors.black.withOpacity(0),
),

【讨论】：

感谢您回答我 :) 但是 bottomSheetTheme 小部件似乎不适用于 Scaffold 小部件下的 bottomSheet 子，因为没有子选项 'bottomSheetTheme ' 在脚手架中

你在 ThemeData 中使用它而不是脚手架。您需要为您的应用程序设置一个主题，这样您就不必为文本或其他小部件手动添加颜色或字体。而且有很多方法可以搜索。