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

Question

我试图在底部绘制一个矩形，只有 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;
  }
}

Answer 1

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

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