https://github.com/ravipatel147/navigate

A flutter plugin for byutifull navigation with advanced routing
https://github.com/ravipatel147/navigate

dart flutter flutter-plugin

Last synced: 4 days ago
JSON representation

A flutter plugin for byutifull navigation with advanced routing

• Host: GitHub
• URL: https://github.com/ravipatel147/navigate
• Owner: ravipatel147
• License: other
• Created: 2018-08-21T12:59:39.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2024-02-12T11:46:41.000Z (9 months ago)
• Last Synced: 2024-02-18T06:26:18.883Z (9 months ago)
• Topics: dart, flutter, flutter-plugin
• Language: Dart
• Size: 1.4 MB
• Stars: 40
• Watchers: 2
• Forks: 8
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# demo






 Example source code is here 

## navigate

A new Flutter package for Beautifull navigation

# Why develop this package

A flutter have a package name a fluro. Fluro is a nice package and easy to use but they have some limitation. If i need to pass a parameter in Map, List type variable that not allow me. Fluro allow only string but in real time that's not good.

App development its diff from web development in web development we need to pass only small amount of data like id, slug or etc but in App development we need to pass data  between screen is object , array or etc.

## Getting Started

 Step 1: install navigate 

```

navigate: 1.0.1

```

 Step 2: Create new folder  `lib\config`  

 Step 3: Create file in folder `lib\config\route.dart`

```

import 'package:flutter/material.dart';

import 'package:navigate/navigate.dart';

import 'package:testpackage/main.dart';

// define your handler here or create new file for handler 

var homeHandler = Handler(

  transactionType: TransactionType.fromRight,

  pageBuilder: (BuildContext context,arg){

      //return your page from here 

      return HomePage(replaceRoute: arg["replaceRoute"],transactionType: arg["transactionType"],);

  }

);

// define your route here 

Map route = {

    "home" : homeHandler

 };

```




Work of above code is create one route name  home  . Route have their own handler called   homeHandler  . You can define TransactionType of slide how come on screen. Its not required if it null then Defualt transaction is work.







Step 4: Register your route




It's a final step of intigration. Now you need to register your routes with package in first page of your class constructor my landing page of app is  LandingPage() 







```

import 'package:flutter/material.dart';

import 'package:navigate/navigate.dart';

/* your route file */ 

import 'package:testpackage/config/route.dart';

class LandingPage extends StatelessWidget {

  LandingPage(){

   // start registration of routes 

     Navigate.registerRoutes(

      routes: route,

      defualtTransactionType: TransactionType.fromRight // if not provide in handler or manually in argument of navigation

    );

    //end  registration of routes 

  }

  @override

  Widget build(BuildContext context) {

    return Scaffold(

      appBar: AppBar(title: Text("Navigate Demo"),),

      body: Center(

            child:Text("welcome")

        ),

      ),

    );

  }

}  

```

### Navigation Helper

Now you navigate from anywhere in app

```

Navigate.navigate(context,

                  "home", /* route name */

                  transactionType: transactionType, /* Override handler transaction type (optional) */

                  replaceRoute: replaceRoute, // replace route after navigate or not 

                  arg: {"transactionType":transactionType,"replaceRoute":replaceRoute} // argument data receiver in handler page builder function */

                  );

```

#example 2

https://github.com/ravipatel147/navigate/tree/master/example_with_threepage

### Callback functionality with routeName

Now you can have a callback run when navigating with the routeName in it.

For instance on navigation to the next route where you want to have analytics run:

```

Navigate.registerRoutes(

routes: route,

defualtTransactionType: TransactionType.fromRight,

callback: (routeName) { analytics.setCurrentScreen(screenName: routeName);}

);

```