Tutorial sample does not work under Linux #198

FlutterIssues · 2015-11-09T21:39:29Z

Issue by jimbeveridge
Tuesday Oct 13, 2015 at 20:05 GMT
Originally opened as https://github.com/flutter/engine/issues/1597

I realize that Linux/Mojo isn't officially supported, but I was concerned that this was indicative of a more general problem.

I'm running the sample code in the tutorial. If I take out the Center widget, it works. If I put in the center widget, it just shows a black screen. See the comments below in DemoHome.build().

import 'package:flutter/material.dart';

class MyToolBar extends StatelessComponent {
  Widget build(BuildContext context) {
    return new Container(
        height: 56.0,
        padding: const EdgeDims.symmetric(horizontal: 8.0),
        child: new Material(
            child: new Row([
          new NetworkImage(src: 'menu.png', width: 25.0, height: 25.0),
          new Flexible(child: new Text('My awesome toolbar')),
          new NetworkImage(src: 'search.png', width: 25.0, height: 25.0),
        ])));
  }
}

class DemoHome extends StatelessComponent {
  Widget build(BuildContext context) {
    // This line just gives a black screen on Linux.
    return new Center(child: new MyToolBar());
    // This line works on Linux.
    return new MyToolBar();
  }
}

void main() {
  runApp(new MaterialApp(
      title: 'Tutorial app',
      routes: {'/': (RouteArguments args) => new DemoHome()}));
}

The text was updated successfully, but these errors were encountered:

FlutterIssues · 2015-11-09T21:39:39Z

Comment by jamesr
Tuesday Oct 13, 2015 at 20:22 GMT

Does it work on Android/Mojo?

FlutterIssues · 2015-11-09T21:39:50Z

Comment by jimbeveridge
Tuesday Oct 13, 2015 at 20:24 GMT

Yes, it works on Android.

FlutterIssues · 2015-11-09T21:40:00Z

Comment by abarth
Wednesday Oct 14, 2015 at 00:10 GMT

Crazy. I'm going to rework this tutorial soon to use the material widgets so you get something beautiful in the end.

FlutterIssues · 2015-11-09T21:40:11Z

Comment by Hixie
Thursday Oct 15, 2015 at 05:07 GMT

Can you attach the output of debugDumpApp() and debugDumpRenderTree() as it appears one second after rendering? (i.e. create a one-second timer, then call those functions from there)

You'll need to import flutter/rendering.dart for debugDumpRenderTree().

FlutterIssues · 2015-11-09T21:40:21Z

Comment by jimbeveridge
Thursday Oct 15, 2015 at 16:28 GMT

I'm not allowed to upload a .txt file, so here it is inline:

RenderObjectToWidgetAdapter<RenderBox>(renderObject: RenderView)
 └MaterialApp(state: _MaterialAppState(336939200; _StateLifecycle@1019316106.created))
   └Theme()
     └DefaultTextStyle(color: Color(0xd0ff0000); fontFamily: "monospace"; fontSize: 48.0; fontWeight: FontWeight.w900; textAlign: TextAlign.right; decoration: [TextDecoration.underline]; decorationColor: Color(0x00ffff00); decorationStyle: TextDecorationStyle.double)
       └Title()
         └Navigator(state: NavigatorState(872665345; _StateLifecycle@1019316106.created))
           └Focus(state: FocusState(80693997; _StateLifecycle@1019316106.created))
             └_FocusScope()
               └Stack(renderObject: RenderStack)
                 └KeyedSubtree()
                   └SlideTransition(state: _TransitionState(24114625; _StateLifecycle@1019316106.created))
                     └Transform(renderObject: RenderTransform)
                       └FadeTransition(state: _TransitionState(834711434; _StateLifecycle@1019316106.created))
                         └Opacity(renderObject: RenderOpacity)
                           └HelloWorldApp()
                             └Center(renderObject: RenderPositionedBox)
                               └MyToolBar()
                                 └GestureDetector(state: _GestureDetectorState(23330005; _StateLifecycle@1019316106.created))
                                   └Listener(renderObject: RenderPointerListener relayoutSubtreeRoot=up1)
                                     └Container()
                                       └SizedBox(renderObject: RenderConstrainedBox relayoutSubtreeRoot=up2)
                                         └DecoratedBox(renderObject: RenderDecoratedBox relayoutSubtreeRoot=up3)
                                           └Padding(renderObject: RenderPadding relayoutSubtreeRoot=up4)
                                             └Material()
                                               └DefaultTextStyle(color: Color(0xdd000000); fontSize: 14.0; fontWeight: FontWeight.w400; textBaseline: TextBaseline.alphabetic)
                                                 └AnimatedContainer(state: _AnimatedContainerState(555470215; _StateLifecycle@1019316106.created))
                                                   └Container()
                                                     └DecoratedBox(renderObject: RenderDecoratedBox relayoutSubtreeRoot=up5)
                                                       └DefaultTextStyle(color: Color(0xdd000000); fontSize: 14.0; fontWeight: FontWeight.w400; textBaseline: TextBaseline.alphabetic)
                                                         └Row(renderObject: RenderFlex relayoutSubtreeRoot=up6)
                                                           ├MyButton()
                                                           │ └GestureDetector(state: _GestureDetectorState(745193464; _StateLifecycle@1019316106.created))
                                                           │   └Listener(renderObject: RenderPointerListener relayoutSubtreeRoot=up7)
                                                           │     └Container()
                                                           │       └Padding(renderObject: RenderPadding relayoutSubtreeRoot=up8)
                                                           │         └SizedBox(renderObject: RenderConstrainedBox relayoutSubtreeRoot=up9)
                                                           │           └DecoratedBox(renderObject: RenderDecoratedBox relayoutSubtreeRoot=up10)
                                                           │             └Padding(renderObject: RenderPadding relayoutSubtreeRoot=up11)
                                                           │               └Center(renderObject: RenderPositionedBox relayoutSubtreeRoot=up12)
                                                           │                 └Text("Engagand"e")
                                                           │                   └Paragraph(renderObject: RenderParagraph relayoutSubtreeRoot=up13)
                                                           ├Container()
                                                           │ └Padding(renderObject: RenderPadding relayoutSubtreeRoot=up7)
                                                           │   └NetworkImage()
                                                           │     └ImageListener(state: _ImageListenerState(487563986; _StateLifecycle@1019316106.created))
                                                           │       └Image(renderObject: RenderImage relayoutSubtreeRoot=up8)
                                                           ├Flexible()
                                                           │ └Text("My awesome toolbar")
                                                           │   └Paragraph(renderObject: RenderParagraph relayoutSubtreeRoot=up7)
                                                           └NetworkImage()
                                                             └ImageListener(state: _ImageListenerState(489436571; _StateLifecycle@1019316106.created))
                                                               └Image(renderObject: RenderImage relayoutSubtreeRoot=up7)
RenderView
  parentData: null
  constraints: null
  child: RenderStack
    parentData: <none>
    constraints: BoxConstraints(320.0<=w<=320.0, 640.0<=h<=640.0)
    size: Size(320.0, 640.0)
    child 1: RenderTransform
      parentData: position=Point(0.0, 0.0); top=null; right=null; bottom=null, left=null
      constraints: BoxConstraints(320.0<=w<=320.0, 640.0<=h<=640.0)
      size: Size(320.0, 640.0)
      transform matrix:
        [0] 1.0,0.0,0.0,0.0
        [1] 0.0,1.0,0.0,0.0
        [2] 0.0,0.0,1.0,0.0
        [3] 0.0,0.0,0.0,1.0

      origin: null
      child: RenderOpacity
        parentData: position=Point(0.0, 0.0)
        constraints: BoxConstraints(320.0<=w<=320.0, 640.0<=h<=640.0)
        size: Size(320.0, 640.0)
        child: RenderPositionedBox
          parentData: position=Point(0.0, 0.0)
          constraints: BoxConstraints(320.0<=w<=320.0, 640.0<=h<=640.0)
          size: Size(320.0, 640.0)
          horizontal: 0.5
          vertical: 0.5
          child: RenderPointerListener relayoutSubtreeRoot=up1
            parentData: position=Point(0.0, 292.0)
            constraints: BoxConstraints(0.0<=w<=320.0, 0.0<=h<=640.0)
            size: Size(320.0, 56.0)
            child: RenderConstrainedBox relayoutSubtreeRoot=up2
              parentData: position=Point(0.0, 0.0)
              constraints: BoxConstraints(0.0<=w<=320.0, 0.0<=h<=640.0)
              size: Size(320.0, 56.0)
              additionalConstraints: BoxConstraints(0.0<=w<=Infinity, 56.0<=h<=56.0)
              child: RenderDecoratedBox relayoutSubtreeRoot=up3
                parentData: position=Point(0.0, 0.0)
                constraints: BoxConstraints(0.0<=w<=320.0, 56.0<=h<=56.0)
                size: Size(320.0, 56.0)
                decoration:
                  backgroundColor: Color(0x000fffff)
                child: RenderPadding relayoutSubtreeRoot=up4
                  parentData: position=Point(0.0, 0.0)
                  constraints: BoxConstraints(0.0<=w<=320.0, 56.0<=h<=56.0)
                  size: Size(320.0, 56.0)
                  padding: EdgeDims(0.0, 8.0, 0.0, 8.0)
                  child: RenderDecoratedBox relayoutSubtreeRoot=up5
                    parentData: position=Point(8.0, 0.0)
                    constraints: BoxConstraints(0.0<=w<=304.0, 56.0<=h<=56.0)
                    size: Size(304.0, 56.0)
                    decoration:
                      backgroundColor: Color(0xfffafafa)
                    child: RenderFlex relayoutSubtreeRoot=up6
                      parentData: position=Point(0.0, 0.0)
                      constraints: BoxConstraints(0.0<=w<=304.0, 56.0<=h<=56.0)
                      size: Size(304.0, 56.0)
                      direction: FlexDirection.horizontal
                      justifyContent: FlexJustifyContent.start
                      alignItems: FlexAlignItems.center
                      textBaseline: null
                      child 1: RenderPointerListener relayoutSubtreeRoot=up7
                        parentData: position=Point(0.0, 0.0); flex=null
                        constraints: BoxConstraints(0.0<=w<=Infinity, 0.0<=h<=56.0)
                        size: Size(118.0, 56.0)
                        child: RenderPadding relayoutSubtreeRoot=up8
                          parentData: position=Point(0.0, 0.0)
                          constraints: BoxConstraints(0.0<=w<=Infinity, 0.0<=h<=56.0)
                          size: Size(118.0, 56.0)
                          padding: EdgeDims(0.0, 8.0, 0.0, 8.0)
                          child: RenderConstrainedBox relayoutSubtreeRoot=up9
                            parentData: position=Point(8.0, 0.0)
                            constraints: BoxConstraints(0.0<=w<=Infinity, 0.0<=h<=56.0)
                            size: Size(102.0, 56.0)
                            additionalConstraints: BoxConstraints(0.0<=w<=Infinity, 56.0<=h<=56.0)
                            child: RenderDecoratedBox relayoutSubtreeRoot=up10
                              parentData: position=Point(0.0, 0.0)
                              constraints: BoxConstraints(0.0<=w<=Infinity, 56.0<=h<=56.0)
                              size: Size(102.0, 56.0)
                              decoration:
                                borderRadius: 5.0
                                gradient: LinearGradient(Point(0.0, 0.0), Point(0.0, 36.0), [Color(0xffeeeeee), Color(0xff444444)], null, TileMode.clamp)
                              child: RenderPadding relayoutSubtreeRoot=up11
                                parentData: position=Point(0.0, 0.0)
                                constraints: BoxConstraints(0.0<=w<=Infinity, 56.0<=h<=56.0)
                                size: Size(102.0, 56.0)
                                padding: EdgeDims(8.0, 8.0, 8.0, 8.0)
                                child: RenderPositionedBox relayoutSubtreeRoot=up12
                                  parentData: position=Point(8.0, 8.0)
                                  constraints: BoxConstraints(0.0<=w<=Infinity, 40.0<=h<=40.0)
                                  size: Size(86.0, 40.0)
                                  horizontal: 0.5
                                  vertical: 0.5
                                  child: RenderParagraph relayoutSubtreeRoot=up13
                                    parentData: position=Point(0.0, 10.0)
                                    constraints: BoxConstraints(0.0<=w<=Infinity, 0.0<=h<=40.0)
                                    size: Size(86.0, 20.0)
                                    text:
                                      StyledTextSpan:
                                        color: Color(0xdd000000)
                                        fontSize: 14.0
                                        fontWeight: FontWeight.w400
                                        textBaseline: TextBaseline.alphabetic
                                        PlainTextSpan: "Engagand"e"
                      child 2: RenderPadding relayoutSubtreeRoot=up7
                        parentData: position=Point(118.0, 13.0); flex=null
                        constraints: BoxConstraints(0.0<=w<=Infinity, 0.0<=h<=56.0)
                        size: Size(46.0, 30.0)
                        padding: EdgeDims(0.0, 8.0, 0.0, 8.0)
                        child: RenderImage relayoutSubtreeRoot=up8
                          parentData: position=Point(8.0, 0.0)
                          constraints: BoxConstraints(0.0<=w<=Infinity, 0.0<=h<=56.0)
                          size: Size(30.0, 30.0)
                          width: 30.0
                          height: 30.0
                      child 3: RenderParagraph relayoutSubtreeRoot=up7
                        parentData: position=Point(164.0, 8.0); flex=1
                        constraints: BoxConstraints(115.0<=w<=115.0, 0.0<=h<=56.0)
                        size: Size(115.0, 40.0)
                        text:
                          StyledTextSpan:
                            color: Color(0xdd000000)
                            fontSize: 14.0
                            fontWeight: FontWeight.w400
                            textBaseline: TextBaseline.alphabetic
                            PlainTextSpan: "My awesome toolbar"
                      child 4: RenderImage relayoutSubtreeRoot=up7
                        parentData: position=Point(279.0, 15.5); flex=null
                        constraints: BoxConstraints(0.0<=w<=Infinity, 0.0<=h<=56.0)
                        size: Size(25.0, 25.0)
                        width: 25.0
                        height: 25.0

FlutterIssues · 2015-11-09T21:40:32Z

Comment by Hixie
Thursday Oct 15, 2015 at 16:52 GMT

That all looks fine... How tall is your window? Are you sure you're seeing the whole 320.0x640.0 canvas?

Does anything render if you set debugPaintSizeEnabled to true at the top of your main()?

FlutterIssues · 2015-11-09T21:40:42Z

Comment by Hixie
Thursday Oct 15, 2015 at 16:59 GMT

You may have to use checked mode to use debugPaintSizeEnabled.

Actually, in general I highly recommend using checked mode. See if you're hitting any asserts.

FlutterIssues · 2015-11-09T21:40:53Z

Comment by jimbeveridge
Thursday Oct 15, 2015 at 18:02 GMT

If I set debugPaintSizeEnabled, then everything works.

One small (unrelated) issue - in box_painter.dart, line 310, this line asserts:

assert(colors.length == stops.length);

However, I don't pass in stops, so stops is null and the assert itself is the problem.

If I comment out that assert, then it runs cleanly.

FlutterIssues · 2015-11-09T21:41:03Z

Comment by Hixie
Thursday Oct 15, 2015 at 18:20 GMT

Please file a separate bug for that assert. Thanks.

If merely setting debugPaintSizeEnabled makes things work, this is probably a Skia-level bug. @chinmaygarde may have ideas. If it's Linux-specific, though, I don't think we want to spend too many cycles looking at this.

FlutterIssues · 2015-11-09T21:41:14Z

Comment by chinmaygarde
Thursday Oct 15, 2015 at 20:32 GMT

We would need to capture an SkPicture trace. Unfortunately, the tracing controller on Linux does not know where to place these traces (its a platform specific path). I can try to figure out whats going on after I am done with the precompiled snapshotting stuff.

If in a hurry, the platform needs to set TracingController::set_picture_tracing_base_path on shell initialization. Then traces can be captured from Dart via the StatisticsOverlay (https://github.com/flutter/engine/blob/master/sky/packages/sky/lib/src/widgets/statistics_overlay.dart#L84). Or you can override this flag in C++ to always capture traces :) https://github.com/flutter/engine/blob/fb6143da0f2bcfbe0879b12b7ea777955e51fdc3/sky/shell/gpu/rasterizer.cc#L84

jimbeveridge · 2015-11-12T18:03:50Z

This problem no longer happens. Closing issue.

github-actions · 2021-09-07T01:20:58Z

This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.

FlutterIssues added framework flutter/packages/flutter repository. See also f: labels. dependency: fuchsia Fuchsia team may need to help us labels Nov 9, 2015

jimbeveridge closed this as completed Nov 12, 2015

jamesgopinath mentioned this issue Aug 4, 2017

Assertion failure after setting theme data in MaterialApp -implicit_animations.dart 'style !=null' #11513

Closed

arnold-nonstop mentioned this issue Sep 29, 2017

Error on action(button press) while keyboard is open #12317

Closed

steele232 mentioned this issue Nov 9, 2017

Improve message for assert that catches CupertinoSwitch(value: null) #12948

Closed

kuochaoyi mentioned this issue Mar 28, 2018

Can't omitted 'new' and 'const' word. #16017

Closed

micrcx mentioned this issue Mar 31, 2018

Problems of the last update of flutter #16129

Closed

bourrhia mentioned this issue Apr 3, 2018

Unable to run flutter codelab step_5_data_syncing #16179

Closed

rashedmyt mentioned this issue Apr 15, 2018

Opening same route from drawer of the same activity result in black screen #16601

Closed

Rockvole mentioned this issue Apr 16, 2018

Image.file file is null errors #16639

Closed

efidje mentioned this issue May 8, 2018

Assertion bug #17382

Closed

shallquist mentioned this issue May 14, 2018

iOS platform channels Simple example failing #17573

Closed

JigneshWorld mentioned this issue May 21, 2018

Failed assertion: boolean expression must not be null #17762

Closed

sahil311289 mentioned this issue Jun 23, 2018

Exception while scrolling through TabBar navigation #18756

Closed

rlee1990 mentioned this issue Jul 1, 2018

Can't display Gifs from Giphy #18975

Closed

pneves001 mentioned this issue Jul 14, 2018

Large base64 encoded images loaded using Image.network() not displaying. #19364

Closed

This was referenced Jul 19, 2018

Assertion failure of localization in BottomNavigationBar #19551

Closed

Popup menu (showMenuTooltip) crashes on ios #19658

Closed

daniele777 mentioned this issue Dec 9, 2019

type '(BuildContext) => Future<void>' is not a subtype of type '() => void' #46595

Closed

This was referenced Dec 16, 2019

Failed assertion: line 621 pos 14: 'file != null': is not true. #47172

Closed

Failed assertion: line 621 pos 14: 'file != null': is not true. #47173

Closed

This was referenced Dec 17, 2019

Exception Thrown while launching app after Flutter Upgrade #47237

Closed

Exception after an upgrade of flutter #47238

Closed

This was referenced Jan 11, 2020

Lot of weird error messages in very simple APPs (one page) #48652

Closed

Very weird errors on compiling simple apps #48653

Closed

Very weird errors on compiling simple apps #48654

Closed

viratshukla mentioned this issue Jan 16, 2020

'attached': is not true. #48956

Closed

allenbrunson mentioned this issue Feb 19, 2020

skia crash in SkCanvas::drawTextBlob() #51066

Closed

qylshy mentioned this issue Feb 24, 2020

android platformview PlatformException #51326

Closed

varunkamani mentioned this issue Mar 4, 2020

DropdownButton exception when selectedItemBuilder and hint are used together #51922

Closed

GLopesRio mentioned this issue Mar 18, 2020

_ControllerStream' is not a subtype of type '() => void' #52830

Closed

davidakinfenwa mentioned this issue May 5, 2020

'package:flutter/src/painting/borders.dart': Failed assertion: line 69 pos 15: 'color != null': is not true. #56349

Closed

AtomicMaya mentioned this issue May 11, 2020

Navigating to new page errors out because of a FAB, possibly #56954

Closed

Chimba123 mentioned this issue Jun 3, 2020

Flutter v 1.17.2 breaking already working code, affecting flutter packages from flutter camera to cached network image to flutter google maps to reading data stored on google firebase database #58550

Closed

vipuluthaiah mentioned this issue Jun 16, 2020

App works in debug mode but does not work in release mode #59427

Closed

geovin89 mentioned this issue Jun 21, 2020

Exception thrown on widget testing #59938

Closed

xvrh mentioned this issue Aug 4, 2020

RenderImage violated the intrinsic protocol contract (only when testing) #32116

Closed

verinder84 mentioned this issue Aug 29, 2020

base64 decoding of text not working in flutter but working in Java android #64871

Closed

l1x2d3 mentioned this issue Sep 8, 2020

Use AndroidView (PlatformView) to load native View in Flutter and display blank #65369

Closed

flow-rajkarthik mentioned this issue Sep 10, 2020

error when navigating back to the previous page from a Chewie Video player page #65542

Closed

dahmaular mentioned this issue Sep 15, 2020

EXCEPTION CAUGHT BY WIDGETS LIBRARY #65850

Closed

Babwenbiber mentioned this issue Oct 10, 2020

basic_types.dart assertion textdirection failed #67807

Closed

Bibooo25730 mentioned this issue Oct 18, 2020

When the exception was thrown, this was the stack: #68425

Closed

github-actions bot locked as resolved and limited conversation to collaborators Sep 7, 2021

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Tutorial sample does not work under Linux #198

Tutorial sample does not work under Linux #198

Tutorial sample does not work under Linux #198

Tutorial sample does not work under Linux #198

Comments