> For the complete documentation index, see [llms.txt](https://flutter2015.firefirestyle.net/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://flutter2015.firefirestyle.net/widgets/doc-8.md).

# navigator

<https://github.com/kyorohiro/hello_skyengine/tree/master/widget_navigator>

![](https://1814295318-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M23mFK0BQXfvUtsV5Gz%2F-M23mHdwSyo8rV1dBqZS%2F-M23mPFA9Nq0e4iwpCXc%2Froot.png?generation=1583849519285481\&alt=media)![](https://1814295318-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M23mFK0BQXfvUtsV5Gz%2F-M23mHdwSyo8rV1dBqZS%2F-M23mPFC9p6K1nc95tYL%2Ftext.png?generation=1583849519046111\&alt=media)![](https://1814295318-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M23mFK0BQXfvUtsV5Gz%2F-M23mHdwSyo8rV1dBqZS%2F-M23mPFECzvivo6ux6uc%2Fimage.png?generation=1583849519144025\&alt=media)

```
// following code is checked in 2016/01/13
import 'package:flutter/widgets.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

void main() {
  print("=========");
  String title = "TITLE";
  ThemeData theme = new ThemeData.light();
  Map<String, RouteBuilder> routes = {
    "/": (RouteArguments args) => new MyStatlessComponentRoot(args),
    "/text": (RouteArguments args) => new MyStatlessComponentText(args),
    "/image": (RouteArguments args) => new MyStatlessComponentImage(args)
  };
  MaterialApp app = new MaterialApp(title: title, theme: theme, routes: routes);
  runApp(app);
}

class MyStatlessComponentRoot extends StatelessComponent {
  RouteArguments args;
  MyStatlessComponentRoot(this.args) {}
  Widget build(BuildContext context) {
    Widget content = new Material(child: new Text("ROOT", style: new TextStyle(fontSize: 100.0)));
    GestureDetector gesture = new GestureDetector(child: content, onTap: () {
      // args.context == build'args context
      Navigator.pushNamed(context, "/image");
    }, onLongPress: () {
      Navigator.pushNamed(context,"/text");
    });
    return new Center(child: gesture);
  }
}

class MyStatlessComponentImage extends StatelessComponent {
  RouteArguments args;
  MyStatlessComponentImage(this.args) {}
  Widget build(BuildContext context) {
    Widget content = new Material(child: new AssetImage(name:"assets/a.png",bundle:rootBundle, width: 500.0, height: 500.0));
    GestureDetector gesture = new GestureDetector(child: content, onTap: () {
      Navigator.pop(context);
    });
    return new Center(child: gesture);
  }
}

class MyStatlessComponentText extends StatelessComponent {
  RouteArguments args;
  MyStatlessComponentText(this.args) {}
  bool isPop = false;
  Widget build(BuildContext context) {
    Widget content = new Material(
        child: new Text("Hello", style: new TextStyle(fontSize: 100.0)));
    GestureDetector gesture = new GestureDetector(child: content, onTap: () {
      Navigator.pop(context);
    });
    return new Center(child: gesture);
  }
}
```

```
#flutter.yaml
assets:
 - assets/icon.jpeg
 - assets/a.png
```