dart - Flutter - 在底部绘制一个矩形

我试图在底部绘制一个矩形,只有 Rect 对象 Rect.fromLTRB 没有绘制。

我不知道我是否以错误的方式解释了 Rect 对象,或者我错误地编写了 drawRect 对象。

你能帮我在底部画一个矩形吗?

import 'package:flutter/material.dart';

void main() {
  runApp(new MaterialApp(home: new HomePage()));
}

class HomePage extends StatefulWidget {
  @override
  HomePageState createState() => new HomePageState();
}

class HomePageState extends State<HomePage> {
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      body: new Stack(
        children: <Widget>[
          new Positioned(
            bottom: 0.0,
            left: 0.0,
            right: 0.0,
            top: 0.0,
            child: new CustomPaint(
              painter: new Sky(),
            )
          ),
        ]
      )
    );
  }
}

class Sky extends CustomPainter {
  @override
  void paint(Canvas canvas, Size size) {
    canvas.drawRect(
      new Rect.fromLTRB(
        0.0, 100.0, 0.0, 0.0
      ),
      new Paint()..color = new Color(0xFF0099FF),
    );
  }

  @override
  bool shouldRepaint(Sky oldDelegate) {
    return false;
  }
}

最佳答案

你的左右是相同的(0.0),所以它画一个空的矩形。坐标也从顶部开始,所以底部应该 > 顶部;试试这个

new Rect.fromLTRB( 0.0、0.0、20.0、100.0 )

https://stackoverflow.com/questions/45684367/

相关文章:

Flutter - 屏幕的多个文件?

dart - Flutter:测试是否抛出了特定的异常

flutter - 如何在 flutter 中改变英雄动画的速度

firebase - Flutter 中的 cloud_firestore 和 firebase_a

dart - Flutter popUntil 抛出Bad state : Future alrea

flutter - 如何使 Flutter RaisedButton 处于选中状态

dart - Flutter - 动态构建小部件

flutter - 找不到名为 "split-per-abi"的选项

android - 在 dart/flutter 项目中包含 C 文件

android - 在模拟器相机应用程序中看不到虚拟场景图像