どのようにルーティングフレームワークフルロを使用するには?このフレームワークフラッター良いそう!

アプリケーション開発プロセスにおけるフラッタは、公式のオファーフラッタールートを使用することに加えて、あなたはまた、このようなようにフルロ、Frouterとして、ページナビゲーションを実装するために、いくつかのサードパーティ製のルーティングおよび管理フレームワークを使用することができます。

良いフラッタエンタープライズクラスとしてフルロより複雑な公式が提供するフレームワークをルーティングするよりも、使用するフレームワーク、フルロをルーティングが、それは大規模なプロジェクトのために非常に適しています。それは明確であるため、拡張を容易にし、ルーティング及び他の利点の全体的な管理を容易にするためによく組織。

次に、どのように我々はこの優れたフレームワークにそれを使うのですか?私と来て

そこBATJ、バイトの鼓動パフォーマンスの最適化へのインタビューのトピック、トピックアルゴリズム、ハイエンドの技術のトピック、複合用途の開発テーマ、Javaのインタビューのトピック、アンドロイド、Javaの少しの知識、。.View.OpenCV.NDKスレッドなどは私のGitHubにアップロードされています

私のGitHubのは住所を学びます:https://github.com/Meng997998/AndroidJXスターポイントの下で一緒に学びます

以下に示すように、使用フルロのpubspec.yamlファイルの前に追加する依存関係を必要としているフルロ。

dependencies:
 fluro: "^1.5.1"

あなたはフルロは、上記のように追加の使用に頼ることができない場合は、以下のように、また、フルロ依存gitの追加に使用することができます。

dependencies:
 fluro:
   git: git://github.com/theyakka/fluro.git

成功した後フルロライブラリの依存関係を追加して、あなたが開発した管理とナビゲーションをルーティング適用されるフルロを使用することができます。ルーティングの一元管理を容易にするために、各ルートを管理するために使用される新しいルートマップファイルを作成するために、あなたの最初の必要性。以下に示すように、それはコードroute_handles.dart経路プロファイルの一例です。

import 'package:fluro/fluro.dart';
import 'package:flutter/material.dart';
import 'package:flutter_demo/page_a.dart';
import 'package:flutter_demo/page_b.dart';
import 'package:flutter_demo/page_empty.dart';

//空页面
var emptyHandler = new Handler(
    handlerFunc: (BuildContext context, Map<String, List<String>> params) {
      return PageEmpty();
    });

//A页面
var aHandler = new Handler(
    handlerFunc: (BuildContext context, Map<String, List<Object>> params) {
      return PageA();
    });

//B页面
var bHandler = new Handler(
    handlerFunc: (BuildContext context, Map<String, List<Object>> params) {
      return PageB();
    });

基本的なルーティング設定、だけでなく、ページをルーティングで私たちを助けるために、設定ファイルをルーティングする一般的な静的を完了した後。以下に示すように、全体的なプロファイルroutes.dartをルーティングするためのコードの例です。

import 'package:fluro/fluro.dart';
import 'package:flutter_demo/route_handles.dart';

class Routes {
  static String page_a = "/";                   //需要注意
  static String page_b = "/b";

  static void configureRoutes(Router router) {
    router.define(page_a, handler: aHandler);
    router.define(page_b, handler: bHandler);
    router.notFoundHandler =emptyHandler;     //空页面
  }
}

経路の全体的な構成だけでなく、処理経路が存在しない、すなわち空のページまたはその代わりに、デフォルトのページを行う場合。同時に、家のアプリケーションは、「/」の設定を使用しなければならないことに留意されたいです。
使いやすさのために、ルータはまた、任意のページには、それを直接呼び出すことができるように、静的にする必要があります。以下に示すように、それはコードapplication.dartファイルの一例です。

import 'package:fluro/fluro.dart';

class Application{
  static Router router;
}

以下に示すような動作が完了した後、それは、ルートプロファイルファイルmain.dartと静的ファイルに組み込むことができます。

import 'package:fluro/fluro.dart';
import 'package:flutter_demo/routes.dart';

import 'application.dart';

void main() {
  Router router = Router();
  Routes.configureRoutes(router);
  Application.router = router;

  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Demo App',
      onGenerateRoute: Application.router.generator,
    );
  }
}

あなたがページにジャンプしたい場合は、以下のように、単に、Application.router.navigateTo()メソッドを使用します。

Application.router.navigateTo(context,"/b"); //b为配置路由

図に示すように、上記の結果をサンプルコードを実行します。
どのようにルーティングフレームワークフルロを使用するには? このフレームワークフラッター良いそう!

見つけることができ、比較ナビゲーターフラッターを使用するには、面倒なものの、しかし、大規模なプロジェクトのためのフルロは、それが階層化アーキテクチャは非常にフィットですされて非常に簡単にプロジェクトの後半部分をアップグレードし、維持することもあり、実際の使用状況に応じて合理的な選択することができます。

世界では、フラッターは、開発者や組織の成長数で使用されている、フラッター完全に無料、オープンソースは、Googleの今自分の息子として、それは価値の学習です!

あなたの後ろに落ちるしたくない場合は、私は私の学習フラッター共有することができ、ビデオを

このビデオは非常に実用的な、本当のエントリが含まれ、そこ大手インターネット企業は、ネイティブSDKの説明に不可欠なエンタープライズ統合プロジェクトは、フラッター複合用途開発を愛している、と白からプラグインを開発するための唯一の方法フラッター大きな牛に成長しますだけでなく、より高度なフラッターは、プロジェクトとその最適化されたコンテンツを説明します。

今すぐ無料一緒に共有するすべての人のために、あなたはコメントエリアを残すことができ、私はささやくことができます

一緒にフラッターの世界に、私が懸念してる、躊躇しないでください!

どのようにルーティングフレームワークフルロを使用するには? このフレームワークフラッター良いそう!

おすすめ

転載: blog.51cto.com/14606040/2467601