Flutter网络爬虫插件crawlink的使用

Flutter网络爬虫插件crawlink的使用

crawlink 是一个基于 Flutter 2.0 的导航库。

开始使用

安装

在 pubspec.yaml 文件中添加以下依赖：

dependencies:
  crawlink: <latest-version>

然后运行 flutter pub get 来安装该依赖。

推送路由

你可以使用 Crawlink.of(context).push() 方法来推送新的路由。以下是几种不同的方式来使用该方法：

// 推送到根路径
Crawlink.of(context).push('/');

// 推送到用户详情页，并传递数据
Crawlink.of(context).push('/users/1', data: {'user': <user>});

// 推送到带有参数的用户详情页，并传递数据
Crawlink.of(context).push('/users/:id', params: {'id': "1"}, data: {'user': <user>});

弹出当前路由

你可以使用 Crawlink.of(context).pop() 方法来弹出当前的路由。

Crawlink.of(context).pop();

定义路由

你可以通过 CrawlinkRouter 类来定义你的路由。例如：

CrawlinkRouter(
  url: '/',
  onPages: (path) => <Page>[
    MaterialPage(child: HomePage()),
  ],
),

完整示例

以下是一个完整的示例，展示了如何使用 crawlink 插件来管理路由。

import 'package:flutter/material.dart';
import 'package:crawlink/crawlink.dart';
import 'package:url_strategy/url_strategy.dart';

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

class MyApp extends StatefulWidget {
  MyApp({Key? key}) : super(key: key) {
    print('MyApp:init');
  }

  [@override](/user/override)
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  late Crawlink _crawlink;

  [@override](/user/override)
  void initState() {
    super.initState();
    _crawlink = _initCrawlink();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    print('MyApp : build');
    return _crawlink;
  }

  _initCrawlink() {
    return Crawlink(
      context: context,
      builder: Builder(
        builder: (context) {
          return MaterialApp.router(
            routeInformationParser: context.routeInformationParser!,
            routerDelegate: context.routerDelegate!,
            backButtonDispatcher: context.backButtonDispatcher!,
            routeInformationProvider: context.routeInformationProvider!,
          );
        },
      ),
      routers: [
        CrawlinkRouter(
          url: '/',
          onPages: (path) => <Page>[
            MaterialPage(child: HomePage()),
          ],
        ),
        CrawlinkRouter(
          url: '/users',
          onPages: (path) => <Page>[
            MaterialPage(child: HomePage()),
            MaterialPage(child: UsersPage()),
          ],
          onPush: (path) async => path,
          onPop: (path) => CrawlinkRoutePath('/'),
          onResolve: (path, data) async => data,
        ),
        CrawlinkRouter(
          url: '/users/:id',
          onPages: (path) => <Page>[
            MaterialPage(child: HomePage()),
            MaterialPage(child: UsersPage()),
            MaterialPage(
                child: UserPage(
              path: path,
            )),
          ],
          onPush: (path) async => path,
          onPop: (path) => CrawlinkRoutePath('/users'),
          onResolve: (path, data) async => data,
        ),
        CrawlinkRouter(
          url: '/profile',
          onPages: (path) => <Page>[
            MaterialPage(child: HomePage()),
            MaterialPage(child: ProfilePage()),
          ],
          onPush: (path) async => path,
          onPop: (path) => CrawlinkRoutePath('/'),
          onResolve: (path, data) async => data,
        ),
        CrawlinkRouter(
          url: '/settings',
          onPages: (path) => <Page>[
            MaterialPage(child: HomePage()),
            MaterialPage(child: SettingsPage()),
          ],
          onPush: (path) async => path,
          onPop: (path) => CrawlinkRoutePath('/'),
          onResolve: (path, data) async => data,
        ),
      ],
    );
  }
}

// 示例页面
class HomePage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Home Page')),
      body: Center(child: Text('Welcome to Home Page!')),
    );
  }
}

class UsersPage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Users Page')),
      body: Center(child: Text('Welcome to Users Page!')),
    );
  }
}

class UserPage extends StatelessWidget {
  final CrawlinkRoutePath path;

  UserPage({required this.path});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('User Page')),
      body: Center(child: Text('Welcome to User Page! ${path.queryParameters}')),
    );
  }
}

class ProfilePage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Profile Page')),
      body: Center(child: Text('Welcome to Profile Page!')),
    );
  }
}

class SettingsPage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Settings Page')),
      body: Center(child: Text('Welcome to Settings Page!')),
    );
  }
}