小编Raf*_*san的帖子

Flutter - 如何在AppBar不存在时设置状态栏颜色

如何在AppBar不存在时设置状态栏颜色.

我试过这个但没有用.

Widget build(BuildContext context) {
    SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.dark);
    return new Scaffold(
        body: new Container(
        color: UniQueryColors.colorBackground,
        child: new ListView.builder(
           itemCount: 7,
           itemBuilder: (BuildContext context, int index){
             if (index == 0){
               return addTopInfoSection();
             }
           },
        ),
       ),
    );
}
Run Code Online (Sandbox Code Playgroud)

输出看起来像这样:

在此输入图像描述

statusbar dart flutter

30
推荐指数
8
解决办法
2万
查看次数

17
推荐指数
2
解决办法
5390
查看次数

如何在活动之上创建透明的全屏对话框 - Flutter

我试图在活动之上创建一个透明的全屏对话框.我试过跟这个线程,但解决方案不起作用.

简而言之,我需要的是:

  • 全屏对话框.
  • 透明背景,除了我用于对话框的小部件

这是我的代码:

打开对话框

void onNextBtnClick(){
    var route = new MaterialPageRoute(
        builder: (BuildContext context) =>
        new GenreDialogUI(),fullscreenDialog: true
    );
    Navigator.of(context).push(route);
}
Run Code Online (Sandbox Code Playgroud)

对话框视图

import 'package:flutter/widgets.dart';

class HolePuncherPainter extends CustomPainter {
  static final clearPaint = new Paint()
    ..color = Colors.transparent,
    ..blendMode = BlendMode.clear;

  const HolePuncherPainter();

  @override
  void paint(Canvas canvas, Size size) {
    canvas.drawRect(
        new Rect.fromLTWH(0.0, 0.0, size.width, size.height), clearPaint);
  }

  @override
  bool shouldRepaint(CustomPainter oldDelegate) {
    return true;
  }
}

class GenreDialogUI extends StatefulWidget {
   @override
   _GenreDialogUI createState() => …
Run Code Online (Sandbox Code Playgroud)

dart flutter flutter-layout

11
推荐指数
2
解决办法
5779
查看次数

如何删除Flutter中AppBar前导图标周围的额外填充

在我的Flutter应用程序中,我有这个AppBar

Widget setAppBar(){
  return new AppBar(
    title: addAppBarTextWidget('Explore'),
    elevation: 0.0,
    leading: addLeadingIcon(),
    actions: <Widget>[
      addAppBarActionWidget(Constant.iconNotification, 22.0, 16.0, 8.0),
      addAppBarActionWidget(Constant.iconProfile, 30.0, 30.0, 15.0)
    ],
  );
}

Widget addLeadingIcon(){
  return new Container(
    height: 25.0,
    width: 25.0,
    padding: const EdgeInsets.fromLTRB(0.0, 0.0, 0.0, 0.0),
    margin: const EdgeInsets.fromLTRB(0.0, 0.0, 0.0, 0.0),
    child: new Stack(
      alignment: AlignmentDirectional.center,
      children: <Widget>[
        new Image.asset(
          Constant.iconNotification,
          width: 25.0,
          height: 25.0,
        ),
        new FlatButton(
            onPressed: (){
              onLeadingShowCategoryClick();
            }
        )
      ],
    ),
  );
}
Run Code Online (Sandbox Code Playgroud)

看起来像:

在此输入图像描述

正如你在AppBar上看到的那样,领先图标周围有一些额外的填充.如何删除这个额外的填充.

dart flutter flutter-layout

9
推荐指数
7
解决办法
1万
查看次数

如何在Flutter中创建带圆角的自定义blured形状

我想绘制一个类似于下图像标记区域的自定义形状.有没有办法用模糊效果剪辑这个自定义形状,然后指定角落的半径?

这标志着形状

clip dart flutter flutter-layout

4
推荐指数
1
解决办法
1746
查看次数

标签 统计

flutter ×5

dart ×4

flutter-layout ×4

clip ×1

flutter-sliver ×1

statusbar ×1