Colors not working on iOS #1

vico-aguado · 2019-06-05T00:29:11Z

Hi!!

I try in iOS and the log show this:

│ #1   _FutureBuilderState.build (package:flutter/src/widgets/async.dart)
flutter: ├┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄\^[[<…>
flutter: │ 🐛 Log message with 2 methods\^[[<…>
flutter: └───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────\^[[<…>
flutter: \^[[38;5;12m┌───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────<…>
flutter: \^[[38;5;12m│ 💡 Info message<…>
flutter: \^[[38;5;12m└───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────<…>
flutter: \^[[38;5;208m┌───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────<…>
flutter: \^[[38;5;208m│ ⚠️ Just a warning!<…>
flutter: \^[[38;5;208m└───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────<…>
flutter: \^[[38;5;196m┌───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────<…>
flutter: \^[[38;5;196m│ \^[[0m\^[[39m\^[[48;5;196mTest Error<…>
flutter: \^[[38;5;196m├┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄<…>
flutter: \^[[38;5;196m│ #0   MyPage.build.() (package:_app/src/sections/my_page.dart:55:3<…>
flutter: \^[[38;5;196m│ #1   _FutureBuilderState.build (package:flutter/src/widgets/async.dar<…>
flutter: \^[[38;5;196m├┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄<…>
flutter: \^[[38;5;196m│ ⛔ Error! Something bad happened<…>
flutter: \^[[38;5;196m└───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────<…>
flutter: \^[[38;5;199m┌───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────<…>
flutter: \^[[38;5;199m│ #0   MyPage.build.() (package:_app/src/sections/my_page.dart:57:3<…>
flutter: \^[[38;5;199m│ #1   _FutureBuilderState.build (package:flutter/src/widgets/async.dar<…>
flutter: \^[[38;5;199m├┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄<…>
flutter: \^[[38;5;199m│ 👾 What a terrible failure log<…>
flutter: \^[[38;5;199m└───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────<…>

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

simc · 2019-06-05T00:35:57Z

Oh no, I didn't try it on iOS yet.

Do you use Xcode or VSCode?

vico-aguado · 2019-06-05T01:16:42Z

I use both, but more often VSCode

simc · 2019-06-05T01:25:24Z

And do you see this problem in Xcode or VSCode?

Xcode does not support colors but in VSCode it should work fine.

vico-aguado · 2019-06-05T01:26:32Z

I see this problem in both :(

simc · 2019-06-05T01:28:19Z

Okay thank you! I'll test it.

simc · 2019-06-05T18:15:19Z

I may take a little longer to fix this problem. In the meantime I added a parameter to the PrettyPrinter to disable colors.

priezz · 2019-11-18T13:29:00Z

@leisim Any progress on that? Package is really useful, but the output becomes unreadable when debugging on iOS.

haarts · 2019-12-04T12:04:12Z

I don't think XCode supports colors: https://stackoverflow.com/questions/40583721/print-to-console-log-with-color.
The mentioned XcodeColors project seems only to work for XCode < 9.x.
Your safest best seems to pass the colors=false arg to the constructor.

emersonsiega · 2020-01-30T18:46:13Z

I'm using VSCode and have the same problem...

haarts · 2020-01-31T08:21:29Z

Colors will never work in IDE terminals. None support ANSI escape codes. Passing colors: false to the constructor of PrettyPrinter at least gets rid of the garbage.

kuhnroyal · 2020-01-31T13:04:12Z

Colors will never work in IDE terminals. None support ANSI escape codes. Passing colors: false to the constructor of PrettyPrinter at least gets rid of the garbage.

That is not completely correct, flutter doctor works with colors in VSCode and IntelliJ. So it seems like some double encoding or escaping is happening.

robrichardson13 · 2020-05-27T16:51:07Z

I'm not sure why, but on one project the colors work perfectly, but on another, they don't work. I haven't figured out the difference yet.

daverin · 2021-07-01T12:27:45Z

Has anyone figured this out?

I went through this article and managed to get colors working in the Debug Console (Vscode MacOS).

Seems the issue is related to bad escaping as suggested by @kuhnroyal.

aliak00 · 2021-08-08T20:00:32Z

This seems to be an issue in the flutter library, not logger: flutter/flutter#20663

yushihang · 2021-12-13T16:39:14Z

This issue is a bit complex, but we could solve it by changing logger/outputs/console_output.dart to below:

import 'dart:io';
import 'dart:developer' as developer;
import 'package:flutter/foundation.dart';
import 'package:idealab/plugins/logger/log_output.dart';
import 'package:idealab/plugins/logger/logger.dart';

const bool _kReleaseMode = kReleaseMode;
/// Default implementation of [LogOutput].
///
/// It sends everything to the system console.
class ConsoleOutput extends LogOutput {
@OverRide
void output(OutputEvent event) {
if (_kReleaseMode || !Platform.isIOS )
{
event.lines.forEach(debugPrint);
}
else
{
event.lines.forEach(developer.log);
}

}
}

jacobokoenig · 2022-04-21T13:24:05Z

Is there any news on this point? I'd love to have colored outputs using VSCode. Maybe there's a plugin to fix that?

haarts · 2022-06-03T13:08:19Z

A plugin in VSCode that would enable ASNI colors would work indeed.

Espero1995 · 2022-07-05T02:14:45Z

This issue is a bit complex, but we could solve it by changing logger/outputs/console_output.dart to below:

import 'dart:io'; import 'dart:developer' as developer; import 'package:flutter/foundation.dart'; import 'package:idealab/plugins/logger/log_output.dart'; import 'package:idealab/plugins/logger/logger.dart';

const bool _kReleaseMode = kReleaseMode; /// Default implementation of [LogOutput]. /// /// It sends everything to the system console. class ConsoleOutput extends LogOutput { @OverRide void output(OutputEvent event) { if (_kReleaseMode || !Platform.isIOS ) { event.lines.forEach(debugPrint); } else { event.lines.forEach(developer.log); }

} }

Nice, This method successfully solves the problem of no color in iOS. You should save this file, and run again, then it will take effect.

strongwill01 · 2022-08-04T02:13:38Z

flutter: \^[[38;5;12mThis, eg[statusCode]: 200<…>
flutter: \^[[38;5;12mThis, eg[statusMessage]: OK<…>

This is my message output.

xiaoLit · 2022-10-15T08:18:45Z

flutter: \^[[38;5;12mThis, eg[statusCode]: 200<…>
flutter: \^[[38;5;12mThis, eg[statusMessage]: OK<…>

This is my message output.

same to me

Thaimay · 2022-10-24T02:58:14Z

This issue is a bit complex, but we could solve it by changing logger/outputs/console_output.dart to below:

import 'dart:io'; import 'dart:developer' as developer; import 'package:flutter/foundation.dart'; import 'package:idealab/plugins/logger/log_output.dart'; import 'package:idealab/plugins/logger/logger.dart';

const bool _kReleaseMode = kReleaseMode; /// Default implementation of [LogOutput]. /// /// It sends everything to the system console. class ConsoleOutput extends LogOutput { @OverRide void output(OutputEvent event) { if (_kReleaseMode || !Platform.isIOS ) { event.lines.forEach(debugPrint); } else { event.lines.forEach(developer.log); }

} }

Thanks it works!!

tanhnv-avnon · 2023-05-17T14:28:01Z

Thank you. It works 🚀

friebetill · 2023-06-08T07:51:53Z

IMHO, not 100% clear, but you have to create an object of the class ConsoleOutput and assign it to the Logger constructor.

import 'dart:developer' as developer;

import 'package:flutter/foundation.dart';
import 'package:logger/logger.dart';
import 'package:universal_io/io.dart';

Logger logger = Logger(output: ConsoleOutput());

/// Extends 'LogOutput' to correctly display console colors on macOS systems.
///
/// The behavior is determined by the application's run mode (Release or Debug)
/// and the operating platform (iOS or non-iOS).
///
/// For more information, see: https://github.com/simc/logger/issues/1#issuecomment-1582076726
class ConsoleOutput extends LogOutput {
  @override
  void output(OutputEvent event) {
    if (kReleaseMode || !Platform.isIOS) {
      event.lines.forEach(debugPrint);
    } else {
      event.lines.forEach(developer.log);
    }
  }
}

colbymaloy · 2023-09-14T19:19:35Z

not sure why but this works, thanks! colors worked on android but not iOS. this fixes the logs on IOS. thanks

IMHO, not 100% clear, but you have to create an object of the class ConsoleOutput and assign it to the Logger constructor.

import 'dart:developer' as developer;

import 'package:flutter/foundation.dart';
import 'package:logger/logger.dart';
import 'package:universal_io/io.dart';

Logger logger = Logger(output: ConsoleOutput());

/// Extends 'LogOutput' to correctly display console colors on macOS systems.
///
/// The behavior is determined by the application's run mode (Release or Debug)
/// and the operating platform (iOS or non-iOS).
///
/// For more information, see: https://github.com/simc/logger/issues/1#issuecomment-1582076726
class ConsoleOutput extends LogOutput {
  @override
  void output(OutputEvent event) {
    if (kReleaseMode || !Platform.isIOS) {
      event.lines.forEach(debugPrint);
    } else {
      event.lines.forEach(developer.log);
    }
  }
}

simc added the bug Something isn't working label Jun 5, 2019

simc mentioned this issue Jul 4, 2019

Colors not working in Android Studio #2

Open

simc changed the title ~~on iOS does not work very well~~ Colors not working on iOS Jul 5, 2019

howardwkim mentioned this issue Jul 7, 2019

color not working in android studio and noise value #3

Closed

haarts mentioned this issue Dec 13, 2019

Using 'attach' mode doesn't support colors #29

Closed

SGuzel mentioned this issue Jan 8, 2020

log output format #33

Closed

dvalles mentioned this issue Jun 18, 2020

Fails to encode map.keys #47

Open

haarts mentioned this issue Jun 3, 2022

Coloured output not shown in Vscode Mac OS. #132

Closed

ugurberkecan mentioned this issue Dec 4, 2022

when flutter is run on browser , it has lot of extra stack trace strings which get printed everytime. #40

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Colors not working on iOS #1

Colors not working on iOS #1

vico-aguado commented Jun 5, 2019 •

edited by simc

simc commented Jun 5, 2019

vico-aguado commented Jun 5, 2019

simc commented Jun 5, 2019

vico-aguado commented Jun 5, 2019 •

edited

simc commented Jun 5, 2019

simc commented Jun 5, 2019

priezz commented Nov 18, 2019

haarts commented Dec 4, 2019

emersonsiega commented Jan 30, 2020

haarts commented Jan 31, 2020

kuhnroyal commented Jan 31, 2020

robrichardson13 commented May 27, 2020

daverin commented Jul 1, 2021 •

edited

aliak00 commented Aug 8, 2021

yushihang commented Dec 13, 2021

jacobokoenig commented Apr 21, 2022

haarts commented Jun 3, 2022

Espero1995 commented Jul 5, 2022

strongwill01 commented Aug 4, 2022 •

edited

xiaoLit commented Oct 15, 2022

Thaimay commented Oct 24, 2022

tanhnv-avnon commented May 17, 2023

friebetill commented Jun 8, 2023 •

edited

colbymaloy commented Sep 14, 2023

Colors not working on iOS #1

Colors not working on iOS #1

Comments

vico-aguado commented Jun 5, 2019 • edited by simc

simc commented Jun 5, 2019

vico-aguado commented Jun 5, 2019

simc commented Jun 5, 2019

vico-aguado commented Jun 5, 2019 • edited

simc commented Jun 5, 2019

simc commented Jun 5, 2019

priezz commented Nov 18, 2019

haarts commented Dec 4, 2019

emersonsiega commented Jan 30, 2020

haarts commented Jan 31, 2020

kuhnroyal commented Jan 31, 2020

robrichardson13 commented May 27, 2020

daverin commented Jul 1, 2021 • edited

aliak00 commented Aug 8, 2021

yushihang commented Dec 13, 2021

jacobokoenig commented Apr 21, 2022

haarts commented Jun 3, 2022

Espero1995 commented Jul 5, 2022

strongwill01 commented Aug 4, 2022 • edited

xiaoLit commented Oct 15, 2022

Thaimay commented Oct 24, 2022

tanhnv-avnon commented May 17, 2023

friebetill commented Jun 8, 2023 • edited

colbymaloy commented Sep 14, 2023

vico-aguado commented Jun 5, 2019 •

edited by simc

vico-aguado commented Jun 5, 2019 •

edited

daverin commented Jul 1, 2021 •

edited

strongwill01 commented Aug 4, 2022 •

edited

friebetill commented Jun 8, 2023 •

edited