Flutter WebView Darkmode?

Ich versuche gerade einen WebView in Flutter zu implementieren, der alle Websites im Darkmode anzeigt. Ich habe bis jetzt folgendes probiert, was aber nicht funktioniert hat:

InAppWebView(
  initialSettings: InAppWebViewSettings(
    forceDark: ForceDark.ON,
    algorithmicDarkeningAllowed: true))

Hat das vielleicht schonmal jemand (erfolgreich) gemacht oder Ideen, wie es funktionieren könnte?

1 Antwort

Babelfish

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Programmieren & Softwareentwicklung, Software & Apps

23.02.2024, 19:20

Ich kenne dein verwendetes Flutter Plugin nicht aber bist du denn sicher, dass deine getesteten Webseite überhaupt den Dark Mode unterstützen? Das sind ja immer noch die wenigsten und wenn die Webseite keine Unterstützung für den Dark Mode hat, kannst du das auch mit Flutter nicht ändern.

Eine Webseite mit Dark Mode Unterstützung wäre zum Beispiel GitHub:

https://github.com/

Daran kannst du es testen.

Woher ich das weiß:Berufserfahrung – Entwickle Anwendungen für iOS, iPadOS und macOS beruflich.

Ilovelego

Fragesteller

23.02.2024, 19:26

Die Idee ist ja eigentlich, dass auch Websites, die das nicht unterstützen im Darkmode angezeigt werden, macht Chrome ja auch. Deswegen ja auch 'algorithmicDarkeningAllowed'. Steht so theoretisch auch hier drin:
https://developer.android.com/develop/ui/views/layout/webapps/dark-theme#algorithmic-darkening

Hallo Leute,

Ich ich versuche gerade in Flutter mehrere childs in einem Container zu usen. Hab es schon mit raw, column..etc.. versucht ging aber nicht. Ich hoffe ihr könnt mir da weiterhelfen!

Expanded(
            child: PageView(
              controller: page,
              children: [
                Container(
                  color: const Color(0xFF171716),
                  child: Padding(
                    padding: const EdgeInsets.all(20.0),
                    child: TextField(
                      cursorColor: Colors.black,
                      style: const TextStyle(color: Colors.white),
                      decoration: InputDecoration(
                        hintText: 'Paste here your Youtube-Link',
                        filled: true,
                        fillColor: const Color(0xFF12DE78),
                        border: OutlineInputBorder(
                          borderSide: BorderSide.none,
                          borderRadius: BorderRadius.circular(50),
                        ),
                      ),
                    ),
                  ),
                  child: TextButton(
                    // ignore: sort_child_properties_last
                    child: const Text(
                      'LogIn',
                      style: TextStyle(fontSize: 20.0),
                    ),
                    color: Colors.blueAccent,
                    textColor: Colors.white,
                    onPressed: () {},
                  ),
                ),

...zur Frage

Flutter Data from API?

Hey, will Daten von meiner erstellten API ausgeben in meiner App.

Code:

fetchData() async {
    final response = await http.get(Uri.parse('http://localhost/list.json'));
    return json.decode(response.body);
  }

FutureBuilder(
            future: fetchData(),
            builder: (BuildContext context, AsyncSnapshot snapshot){
              if(snapshot.hasError){
                return Center(
                  child:Text("Error"),
                );
              }
              if(snapshot.hasData){
                return ListView.builder(
                  itemCount: snapshot.data.length, 
                    itemBuilder: (BuildContext context, int index){
                  return Row(
                    children: [
                      Expanded(
                        child: Container(
                        child: Column(
                          children: [
                            Text(snapshot.data[index]['id']),
                            SizedBox(height: 10,),
                            Text(snapshot.data[index]['name']),
                            
                          ],
                        ),
                        ),
                      ),
                    ],
                  );
                });
              }
              return Center(child: CircularProgressIndicator(),);
            },
          ),

Jedoch bekomm ich als Ausgabe "Error". Woran kann das liegen? Die API kann ich mit Postmann abfragen.

...zur Frage

Ich möchte Dart(flutter) lernen aber wie?

Hey,ich habe eine kleine App idee die ich gerne umsetzen möchte.Ich will aber nicht 2 Programmiersprachen lernen geschweigen denn mehr,sollte ich es auf noch mehr Systemen veröffentlichen. Dementsprechend bin ich auf Dart und flutter gestoßen und habe alles installiert.Naja ich bin 10 Minuten drin und verstehe gar nicht.Ich habe bis her ein klein bisschen c# mit unity gemacht und html beherrsche ich auch zu kleinen teilen aber Dart ist was komplett anderes.Ich brauche bitte ein gutes tutorial wo alle grundlagen so erklärt werden das sie auch einer versteht der nie irgendwas richtig programmiert hat

...zur Frage

Welche Programmiersprache zur App-Programmierung mit Kindern?

Ich bin Lehrer und würde gern mit 12jährigen Apps programmieren, die auf deren Smartphones dann auch wirklich laufen.

Nun sind Ferien und ich möchte mir die dazu nötige Sprache draufschaffen.

Sollte ich Javascript, Kotlin, Swift oder Dart lernen/verwenden?

...zur Frage

Was ist eure lieblings Programmiersprache in 2023?

...zur Frage

Java/Kotlin und Swift vs. Flutter mit Dart?

Hey Leute,

mich würde mal eure Meinung dazu interessieren, ob ihr in der App-Entwicklung Java/Kotlin und Swift bevorzugt oder eher auf Flutter mit Dart setzen würdet.

Es geht mir hierbei nicht um Mobile Games.

Mfg Jannick (L1nd)

...zur Frage

Kennt jemand eine gute pub.dev-Erweiterung für MySQL-Datenbanken in Flutter (Dart) für Web?

Ich habe eine Software entwickelt, wo der Datenspeicher mittlerweile fach 2000 Zeilen Daten hatte und ich habe alles auf eine MySQL-Datenbank mit der pub.dev-Erweiterung mysql_client umgestellt.

Nun habe ich das Problem, dass die Erweiterung kein Web unterstützt.

Meine Frage seht ihr ja oben.

Danke für Antworten.

...zur Frage

FlutterFlow code in Flutter umwandeln?

Ich habe gestern angefangen eine kleine App mit Flutter Flow zu programmieren, jedoch habe ich nahezu keine Erfahrung mit Flutter bzw. Dart. In meiner App wird eine locale Datenbank verwendet und später werden noch timer hinzugefügt. Die App möchte ich natürlich später auch auf meinem Handy haben, eine APK würde jedoch 30€ kostnen. Der Code den ich mir kostenlos anschauen kann, sieht wie folgt aus: https://app.flutterflow.io/code/day-time-1aza84. Ist es möglich daraus eine funktionierte App mit Copy Paste zu machen oder ist dies zu auswendig?

Danke im Vorraus

...zur Frage

Flutter Struktur?

Hallo, ich habe eine Frage!

Und zwar bin ich noch absoluter ANfänger was Flutter betrifft. Ich möchte eine App entwickeln. Diese soll ein Sidebar und ein BottomNavigation Menü haben. EIn Item der BottomNavigationBar soll gleichzeitig die Startseite sein, wenn die App geöffnet wird. Wie mache ich das?

Was muss ich in main.dart reinschreiben?

Kann mir jemand die Struktur erklären ?

...zur Frage

JavaScript vs. Flutter und Dart?

Was findet ihr besser?

HTML, CSS und Javascript

Oder

Dart und Flutter

...zur Frage

Wieso gehen bei Sims 4 auf der Playstation 4 die Cheats nicht?

Hallo! Ich brauche hilfe. Ich drücke normal die tasten L1L2R1R2 zusammen. Das Cheatfenster öffnet sich, ich gebe help ein, um später bei Testingcheats true zu sehen, ob er auch Cheats enabled anzeigt. Das passiert aber nicht und alles weiteren versuche mit unterschiedlichsten cheats geht auch nicht. Ja ich habs im Live und Baumodus probiert. Ja habs auch ohne help probiert. Ich weiß nicht mehr weiter. Ich spiele ohne DLC.

...zur Frage

Flutter Appbar?

Hallo habe vor kurzem die compiledSdkVersion auf 33 stellen müssen, da es einige Pakete benötigen. Und ab diesem Zeitpunkt kann ich die App nicht mehr starten.

Fehler:

The relevant error-causing widget was:
  AppBar AppBar:file:///D:/xxx/xxx/lib/screens/home_page.dart:18:15

Code:

appBar: AppBar(
        title: Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: const [
            Text(
              "Home",
            ),
          ],
        ),
      ),

Kann mir jemand helfen, ich habe keine Ahnung was ihm da nicht passt.

...zur Frage

Rest API - PHP?

Hey, ich habe eine locale MySQL Datenbank, nun möchte ich diese an meine App anbinden. Dazu ist es sinnvoll eine Rest API zu entwickeln. Ich habe es mit folgender Anleitung versucht:

https://code.tutsplus.com/tutorials/how-to-build-a-simple-rest-api-in-php--cms-37000

Jedoch funktioniert es nicht. Also ich kann die API im Browser und mit Postman abrufen. Aber in meiner App kann ich trotz richtiger Anbindung keine Daten ausgeben.

Hat jemand eine Idee woran es liegen kann?

Danke schonmal für die Hilfe!

...zur Frage

Flutter Datenbankanbindung?

Hey, ich habe eine MySQL Datenbank und möchte diese nun mit meiner Flutter App verbinden, sodass ich dann in einer ListView Daten ausgeben kann.

Bisher hab ich im Internet etwas über Firebase bzw. MySQL Lite gelesen, aber das ist ja nicht das richtige, da ich ja eine MySQL Datenbank habe.

Wie kann ich nun meine App mit der MySQL Datenbank verbinden und anschließend Daten abfragen und ausgeben?

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen