【flutter】篇8：Navigation and routing

前言：Assets and images

在pubspec.yaml中添加：

flutter:
  assets:
    - assets/my_icon.png
    - assets/background.png

如果说要引入一个目录就写上目录名，在后面打上斜线：

flutter:
  assets:
    - directory/
    - directory/subdirectory/

Navigation and routing

1. 不很复杂的路由需要用Navigator，复杂的路由需要用Router
   【报错】：Navigator operation requested with a context that does not include a Navigator
   【报错原因】：好像是不能在最外面嵌套MetrialApp,
   需要写成下面这样：

runApp(MaterialApp(home:MyWebView()));

import 'package:flutter/material.dart';
import 'package:flutter_hw/layout3.dart';
import 'package:flutter_webview_plugin/flutter_webview_plugin.dart';

class MyWebView extends StatelessWidget {
  const MyWebView({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(title:const Text('Router demo')),
        body: Center(
          child: ElevatedButton(
            onPressed: (){
              Navigator.of(context).push(
                  MaterialPageRoute(
                    builder: (context) {
                      return Scaffold(
                        appBar: AppBar(
                        title: const Text('MyLayout'),
                        ),
                        body: const MyLayout(),
                      );
                    }
                  )
              );
            }, child: Text("mylayout"),
          ),
        )
      );
  }
}

隐藏Debug标志：