Skip to content

FittedBox Clipping issues #6293

@alanlgardner

Description

@alanlgardner

Weird clipping issues.

  1. While stationary the image is not clipped on the bottom, but is clipped on the left.
  2. While scrolling the image flickers clipped / unclipped.

Steps to Reproduce

import 'dart:async';

import 'package:flutter/widgets.dart';

int acolor(int index, int offset) =>
    0xAA000000 + (0xFFFFFF ~/ (index + offset + 1));

Widget pic() => new Opacity(
    opacity: 0.9,
    child: new Image.network(
        'https://flutter.io/images/flutter-mark-square-100.png', // .asset('packages/armadillo/res/Armadillo.png',
        alignment: FractionalOffset.topCenter,
        fit: ImageFit.cover));

Widget colorized(int color, [Widget child = null]) => new Container(
    decoration: new BoxDecoration(backgroundColor: new Color(color)),
    child: child);

Widget fittedBox(i) => new Container(
    margin: new EdgeInsets.symmetric(vertical: 10.0),
    child: new SizedBox(
      width: 300.0,
      height: 400.0,
      child:
          new Column(crossAxisAlignment: CrossAxisAlignment.stretch, children: [
        new SizedBox(height: 50.0, child: colorized(acolor(i, 0))),
        new Flex(children: [
          colorized(
              acolor(i, 1),
              new SizedBox(
                  width: 300.0,
                  height: 350.0,
                  child: new FittedBox(
                      fit: ImageFit.cover,
                      alignment: FractionalOffset.topCenter,
                      child: new SizedBox(
                          width: 500.0, height: 1000.0, child: pic()))))
        ])
      ]),
    ));

Future main() async {
  runApp(new Center(
      child: new SizedBox(
          width: 300.0,
          child: new Block(children: new List.generate(2, fittedBox)))));
}

Logs

No log output.

Flutter Doctor

[✓] Flutter (on Linux, channel master)
• Flutter at /usr/local/google/home/alangardner/src/fuchsia/sysui/third_party/flutter
• Framework revision d65cda2 (6 days ago), 2016-10-06 11:29:41
• Engine revision f97caf2
• Tools Dart version 1.20.0-dev.10.1

[✓] Android toolchain - develop for Android devices (Android SDK 23.0.2)
• Android SDK at /usr/local/google/home/alangardner/tools/android-sdk-linux
• Platform android-24, build-tools 23.0.2
• OpenJDK Runtime Environment (build 1.8.0-google-v7-132676107-132666263)

[✓] Atom - a lightweight development environment for Flutter
• flutter plugin version 0.2.6
• dartlang plugin version 0.6.40

[✓] Connected devices
• Nexus 9 • HT4A1JT03343 • android-arm

Metadata

Metadata

Assignees

Labels

customer: fuchsiaframeworkflutter/packages/flutter repository. See also f: labels.

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions