如何将路由分配给小部件屏幕数组？

首先，在你的项目中创建一个名为“routes.dart”的文件。然后，在这个文件中，可以定义路由的名称和小部件屏幕的对应关系。以下是一个示例代码：

import 'package:flutter/material.dart';

import 'main.dart';
import 'screen1.dart';
import 'screen2.dart';
import 'screen3.dart';

class Routes {
  static final String home = "/";
  static final String screen1 = "/screen1";
  static final String screen2 = "/screen2";
  static final String screen3 = "/screen3";

  static final Map<String, WidgetBuilder> routes = <String, WidgetBuilder>{
    home: (BuildContext context) => MyApp(),
    screen1: (BuildContext context) => Screen1(),
    screen2: (BuildContext context) => Screen2(),
    screen3: (BuildContext context) => Screen3(),
  };
}

在上面的代码中，定义了Routes类，它包含了四个路由的名称和对应的小部件屏幕。然后，可以在MaterialApp的routes属性中使用它们，如下所示：

import 'package:flutter/material.dart';

import 'routes.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'My App',
      initialRoute: Routes.home,
      routes: Routes.routes,
    );
  }
}

在上面的代码中，routes.dart中定义的路由名称和小部件屏幕会被自动分配到MaterialApp中。

最后，可以使用Navigator.pushNamed(context, Routes.screen1);来打开一个屏幕，如下所示：

import 'package:flutter/material.dart';

import 'routes.dart';

class Screen1 extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Screen 1"),
      ),
      body: Center(
        child: RaisedButton(
          child: Text("Go to Screen 2"),