【问题标题】:(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),

【问题讨论】:

    标签: flutter bottom-sheet scaffold


    【解决方案1】:

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

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

    【讨论】:

    • 感谢您回答我 :) 但是 bottomSheetTheme 小部件似乎不适用于 Scaffold 小部件下的 bottomSheet 子,因为没有子选项 'bottomSheetTheme ' 在脚手架中
    • 你在 ThemeData 中使用它而不是脚手架。您需要为您的应用程序设置一个主题,这样您就不必为文本或其他小部件手动添加颜色或字体。而且有很多方法可以搜索。
    猜你喜欢
    • 2019-03-10
    • 2021-12-12
    • 2022-01-23
    • 2020-05-28
    • 2019-06-19
    • 2019-05-29
    • 1970-01-01
    • 2019-08-03
    • 2018-05-10
    相关资源
    最近更新 更多