Wie öffne ich einen browser (URL) aus meiner Flattern code?

Baue ich ein Flattern app, und ich möchte eine URL in einem web-browser oder browser-Fenster (in der Antwort auf eine Schaltfläche Tippen Sie auf). Wie kann ich dies tun?

InformationsquelleAutor Seth Ladd | 2017-03-31
  1. 62

    Dies ist nun umgesetzt als Plugin

    https://pub.dartlang.org/packages/url_launcher

    Beispiel:

    import 'package:flutter/material.dart';
import 'package:url_launcher/url_launcher.dart';

void main() {
  runApp(new Scaffold(
    body: new Center(
      child: new RaisedButton(
        onPressed: _launchURL,
        child: new Text('Show Flutter homepage'),
      ),
    ),
  ));
}

_launchURL() async {
  const url = 'https://flutter.io';
  if (await canLaunch(url)) {
    await launch(url);
  } else {
    throw 'Could not launch $url';
  }
}

    Sonderzeichen:

    Wenn die url Wert enthält Leerzeichen oder andere Werte, die sind jetzt in URLs erlaubt, verwenden Sie

    Uri.encodeFull(urlString) oder Uri.encodeComponent(urlString) und übergeben Sie den resultierenden Wert statt.

    • Beachten Sie, dass müssen Sie möglicherweise erstellen Sie entweder einen neuen flattern Projekt und kopieren Sie über Ihr Flattern spezielle Sachen ( lib , pubspec.yaml usw.) oder Umgekehrt update der Plattform-spezifischen Ordner in Ihrem alten Projekt zu arbeiten.
    • Hinweis: vergessen Sie nicht, fügen Sie url_launcher: ^3.0.2 zu den pubspec.yaml
    • funktioniert nicht, wenn zu den bestehenden Hinzugefügt-apps. MissingPluginException wird ausgelöst, wenn Sie versuchen, öffnen Sie die url. funktioniert gut für unabhängige flattern apps.
    • Was meinst du mit "Hinzugefügt, um bestehende apps"? Vielleicht werden Ihre Dateien in android/ oder ios/ veraltet sind. Wenn es funktioniert in eine neue app, dann die Dateien vergleichen und aktualisieren Sie Sie in Ihr Projekt. Sie können auch löschen Sie diese Verzeichnisse und führen Sie flutter create . und dann erneut anwenden, manuelle änderungen.
    • Jetzt url_launcher: ^5.0.2 Halten Sie die überprüfung.
    • Wie zu öffnen link für flutter_web wo url_launcher plug-in nicht verfügbar ist ?
    • Warum sollte es nicht verfügbar sein? Sie können den code selbst schreiben. Die urllauncher plugin ist open source und Sie können herausfinden, seiner Quelle und zu lernen, was es tut. Sie können das gleiche tun in Ihre Applikationen-code.

    InformationsquelleAutor Günter Zöchbauer
  2. 6

    [HINWEIS: UrlLauncher nicht mehr vorhanden. Finden Sie die akzeptierten Antworten für die Lösung.]

    Können Sie die UrlLauncher etwas wie das hier tun:

    new FlatButton(
  textColor: style.mainTheme.accentColor,
  child: new Text(signInLabel, style: style.largeText),
  onPressed: () {
    UrlLauncher.launch('http://www.webpage.com');
  }
);
    InformationsquelleAutor Reagankm
  3. 1

    Wenn Sie verwenden möchten url_launcher als bitte verwenden Sie es in dieser form 

    environment:
  sdk: ">=2.1.0 <3.0.0"

dependencies:
  url_launcher: ^5.0.2
  flutter:
    sdk: flutter

    Diese Antwort ist auch für absolute Anfänger: Sie denken hinter das flattern sdk.
    Nein, es war ein Fehler. Die Pakete wurden extras und nicht in das flattern Sdk. Diese wurden Sekundär-Pakete (einzelne kleine framework Helfer).

    InformationsquelleAutor edgar wahl
  4. 1

    Für Flattern:

    Beschrieben oben von Günter Zöchbauer

    Für Flattern Web:

    import 'dart:html' as html;

    Dann verwenden:

    html.window.open(url, name);

    Stellen Sie sicher, dass Sie ausführen flutter clean wenn die import nicht behoben.

    InformationsquelleAutor Rohan Taneja
  5. 0

    Nach einiger Suche, dieses Problem kann gelöst werden über die Anleitungen hier aufgelistet: https://groups.google.com/forum/#!Thema/flattern dev/J3ujgdOuG98

    Den oben UrlLauncher ist nicht mehr nutzbar.

    • So dass Sie nur dachte: diesem link gibt es zerbrochen ist; so können in Aufmachungen andere Antwort nur einen link enthält?
    • Während dies theoretisch eine Antwort auf die Frage, vorzuziehen, umfassen die wesentlichen Teile der Antwort hier, und geben Sie den link zur Referenz.
    InformationsquelleAutor TaylorR
Schreibe einen Kommentar