DEV Community: flutterCode

Styled Text Package

flutterCode — Sun, 26 Dec 2021 14:33:50 +0000

Keine Anwendung kommt ohne Texte aus. Diese Texte zu formatieren ist dementsprechend eine immer wiederkehrende Aufgabe. Flutter hat dafür ohne Zweifel gute Bordmittel. Aber wenn es darum geht größere Textmengen zu bearbeiten wird es rasch aufwendig.

amazingsoftworks hat für diese Problemstellung eine interessante Package veröffentlicht.
styled_text ermöglicht das Formatieren eines Textes, ähnlich wie man es aus Html kennt. Das heisst, es werden Tags verwendet:

class TextKonserve extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return StyledText(
      text: '<italic>Dies ist ein</italic> <bold>Test !</bold>',
      tags: {
        'bold': StyledTextTag(
            style: TextStyle(
          fontFamily: 'Raleway',
          fontSize: 20.0,
          fontWeight: FontWeight.w700,
          fontStyle: FontStyle.normal,
          color: Colors.red,
        )),
        'italic': StyledTextTag(
            style: TextStyle(
          fontFamily: 'Raleway',
          fontSize: 20.0,
          fontStyle: FontStyle.italic,
          fontWeight: FontWeight.w700,
        ))
      },
    );
  }
}

Im Code oben ist das Prinzip schön zu sehen. text: enthält die zu formatierende Zeichenkette.StyledTextTag übernimmt dabei ein TextStyle Widget, welches die eigentliche Formatierung enthält.

Wer auf die Beispiel Seite der Entwickler surft, findet eine Vielzahl von Einsatzmöglichkeiten. Erwähnen möchte ich hier, das auch das Einbinden von Icons möglich ist, oder die Verwendung von Texten, die über mehrere Zeilen gehen. Es lohnt sich auf jeden Fall die Package zu testen!

Bis bald ! 😀

Photo by Max Chen on Unsplash

Where mit Dart benutzen

flutterCode — Sun, 16 May 2021 08:32:59 +0000

Eine interessante Möglichkeit von Dart ist, es einen Prozess zu starten. In diesem Post betrachten wir den Where Befehl von Windows 10. In der Regel wird er in der PowerShell von Windows genutzt und lässt Sie eine Datei auf Ihrer lokalen Maschine suchen.

Where retourniert dabei im Erfolgsfall den absoluten Pfad der Datei. Hier ein Beispiel:

import 'dart:io';

void main(List<String> arguments) async {
  var executable = 'ls';
  if (Platform.isWindows) {
    executable = 'where';
  }

  final arguments = <String>['/r', 'c:\\', 'dart4.dart'];

  print('============');
  final cmd = await Process.start(executable, arguments, runInShell: true);
  await stdout.addStream(cmd.stdout);
  await stderr.addStream(cmd.stderr);
  final fehlerCode = await cmd.exitCode;
  print('============');
  print('Exit code: $fehlerCode');
}

Der Code im Detail:

executable: Da der Code einen Prozess startet, muss bekannt sein, welchen Sie starten. Diese Information wird in dieser Variable gespeichert.

arguments: Dem Where Befehl selbst können verschiedene Parameter übergeben werden. Diese Parameter werden in der Listen Variable arguments gespeichert. Mit r veranlassen Sie, das die Suche rekursiv erfolgt, mit c: wird die Ebene benannt, wo die Suche startet.

Process.start: Das eigentliche Herzstück des Codes. Der Funktion werden die Variablen executable und arguments übergeben. Mit runInShell:true veranlassen Sie das der Process in der cmd Umgebung gestartet wird.

stdout / stderr: Sie können nun den Ausgabe-und Fehlerstream des Prozesses benutzen. Mit .addStream werden sie an die entsprechenden Kanäle unseres Dart Codes gekoppelt. Im Erfolgsfall bekommen sie den absoluten Pfad der gesuchten Datei in das Terminal gedruckt.

Files and Folder in Dart

flutterCode — Sun, 02 May 2021 12:56:58 +0000

In einem älteren Post hatte ich mich bereits mit dem Thema, wie man ein File öffnet und den Inhalt liest beschäftigt. In diesem Post befassen wir uns eingehender mit dem Thema.
Wenn Sie ein Programm schreiben, das File Operationen vornimmt, wissen Sie in der Regel, wohin und in welches File Sie die Daten schreiben.
Wenn Ihr Programm aber vom Benutzer Speicherorte entgegen nimmt, wird es wichtig, mit ihnen umzugehen. Starten wir mit folgendem Code:

import 'dart:io';

import 'package:dart4/dart4.dart' as dart4;

Directory meinDir;
List<FileSystemEntity> files;
FileSystemEntity file;
FileStat f1;

void main(List<String> arguments) {
  meinDir = Directory('E:\\Test'); // 1
  files = meinDir.listSync(recursive: true); // 2
  for (file in files) {
    print(file.absolute); // 3
    f1 = file.statSync(); // 4
    print(f1.toString()); // 5
  }
}

Beschreibung: Für File Operationen müssen Sie die dart:io Bibliothek in Ihren Code einbinden. Anschliessend werden die Variablen definiert, die das Programm benötigt.

Die erste Variable die definiert wird ist vom Typ Directory.
Wichtig ist hier auch die Hierarchie zu verstehen. FileSystemEntity ist die übergeordnete Klasse von File, Directory und Link.

Die zweite Variable die Sie benötigen ist vom Typ FileSystemEntity. Objekte von diesem Typ werden zurückgegeben, wenn Sie ein Verzeichnis auslesen. Da das Rückgabeobjekt eine Liste ist, definieren Sie die zweite Variable dementsprechend.

Die dritte Variable ist ebenfalls ein FileSystemEntity Objekt und wird in der for Schleife benötigt.

Die letzte Variable ist vom Typ FileStat. Diese Variable enthält im Code die detaillierten Informationen zu Ordnern und Files.

1. Im ersten Schritt erstellen Sie ein Directory Objekt, mit einem absoluten oder relativen Pfad zum Verzeichnis.
2. Anschliessend wird die .listSync(..) Methode verwendet um den Inhalt des Directorys auszulesen. Mit recursive:true geben legen Sie fest, das auch untergeordnete Files ausgelesen werden.
3.Innerhalb einer for(..){...} Schleife werden detaillierte Informationen in das Terminal gedruckt. Die Eigenschaft file.absolute enthält dabei den absoluten Pfad zum Verzeichnis oder File.
4.Der Code .statSync(..) wiederum ruft eine plattformabhängige Funktion auf, die Informationen, wie letztes Aenderungsdatum etc. zurück gibt. Diese Methode gibt ein FileStat Objekt zurück.
5. Dementsprechend wird dieses FileStat Objekt innerhalb der print(..) Funktion in eine Zeichenkette gewandelt.

Nun können Sie aber auch prüfen, ob ein Pfad tatsächlich auf ein Directory verweist. Beispiel:

 FileSystemEntity.isDirectory(pfad)
      .then((value) => print('Es ist ein Verzeichnis'));
  FileSystemEntity.isFile(pfad2).then((value) => print('Es ist ein File'));

Im Code oben sehen Sie dazu zwei Varianten. Die erste überprüft, ob pfad auf ein Verzeichnis verweist, die zweite ob auf ein File.

Zum Abschluss können Sie den Code noch so abändern, das nur das Verzeichnis in das Terminal gedruckt wird:

if (meinDir.existsSync()) {
    files = meinDir.listSync(recursive: true);
    for (file in files) {
      if (file is Directory) {
        print(file.absolute);
        f1 = file.statSync();
        print(f1.toString());
      }
    }
  }

Neu im Code ist eine if Abfrage zu Beginn, in welcher geprüft wird, ob das Objekt, auf welches der Pfad verweist, existiert. files ist ja eine Liste aller Verzeichnisse und Dateien die unter dem Zielpfad gespeichert sind. Mit if(file is Directory){...} wird geprüft, ob so ein Listeneintrag ein Verzeichnis ist. Zum Abschluss dieses Posts noch einmal der komplette Code:

import 'dart:io';

import 'package:dart4/dart4.dart' as dart4;

Directory meinDir;
List<FileSystemEntity> files;
FileSystemEntity file;
FileStat f1;
String pfad = 'E:\\Test';
String pfad2 = 'E:\\Test\DartTest\zwecktest.txt';

void main(List<String> arguments) {
  meinDir = Directory(pfad);

  FileSystemEntity.isDirectory(pfad)
      .then((value) => print('Es ist ein Verzeichnis'));
  FileSystemEntity.isFile(pfad2).then((value) => print('Es ist ein File'));

  if (meinDir.existsSync()) {
    files = meinDir.listSync(recursive: true);
    for (file in files) {
      if (file is Directory) {
        print(file.absolute);
        f1 = file.statSync();
        print(f1.toString());
      }
    }
  }
}