Map<String, WidgetBuilder> routers = {
    "文本输入框简单的 Controller": (context) {
      return new ControllerDemoPage();
    },
    "实现控件圆角不同组合": (context) {
      return new ClipDemoPage();
    },
    "列表滑动监听": (context) {
      return new ScrollListenerDemoPage();
    },
    "滑动到指定位置": (context) {
      return new ScrollToIndexDemoPage();
    },
    "滑动到指定位置2": (context) {
      return new ScrollToIndexDemoPage2();
    },
    "Transform 效果展示": (context) {
      return new TransformDemoPage();
    },
    "计算另类文本行间距展示": (context) {
      return new TextLineHeightDemoPage();
    },
    "简单上下刷新": (context) {
      return new RefreshDemoPage();
    },
    "简单上下刷新2": (context) {
      return new RefreshDemoPage2();
    },
    "简单上下刷新3": (context) {
      return new RefreshDemoPage3();
    },
    "通过绝对定位布局": (context) {
      return new PositionedDemoPage();
    },
    "气泡提示框": (context) {
      return new BubbleDemoPage();
    },
    "Tag效果展示": (context) {
      return new TagDemoPage();
    },
    "共享元素跳转效果": (context) {
      return new HonorDemoPage();
    },
    "滑动验证": (context) {
      return new SlideVerifyPage();
    },
    "warpContent实现": (context) {
      return new WrapContentPage();
    },
    "状态栏颜色修改（仅 App）": (context) {
      return new StatusBarDemoPage();
    },
    "键盘弹出与监听（仅 App）": (context) {
      return new KeyBoardDemoPage();
    },
    "控件动画组合展示（旋转加放大圆）": (context) {
      return new AnimaDemoPage();
    },
    "控件展开动画效果": (context) {
      return new AnimaDemoPage2();
    },
    "全局悬浮按键效果": (context) {
      return new FloatingTouchDemoPage();
    },
    "全局设置字体大小": (context) {
      return new TextSizeDemoPage();
    },
    "旧版实现富文本": (context) {
      return new RichTextDemoPage();
    },
    "官方实现富文本": (context) {
      return new RichTextDemoPage2();
    },
    "第三方 viewpager 封装实现": (context) {
      return new ViewPagerDemoPage();
    },
    "列表滑动过程控件停靠效果": (context) {
      return new SliverListDemoPage();
    },
    "验证码输入框": (context) {
      return new VerificationCodeInputDemoPage();
    },
    "验证码输入框2": (context) {
      return new VerificationCodeInputDemoPage2();
    },
    "自定义布局展示效果": (context) {
      return new CustomMultiRenderDemoPage();
    },
    "自定义布局实现云词图展示": (context) {
      return new CloudDemoPage();
    },
    "列表滑动停靠 （Stick）": (context) {
      return new StickDemoPage();
    },
    "列表滑动停靠 （Stick）+ 展开收回": (context) {
      return new StickExpendDemoPage();
    },
    "列表滑动停靠效果2 （Stick": (context) {
      return new SliverStickListDemoPage();
    },
    "键盘顶起展示（仅 App）": (context) {
      return new InputBottomDemoPage();
    },
    "Blur 高斯模糊效果": (context) {
      return new BlurDemoPage();
    },
    "控件动画变形效果": (context) {
      return new AnimationContainerDemoPage();
    },
    "时钟动画绘制展示": (context) {
      return new TickClickDemoPage();
    },
    "按键切换动画效果": (context) {
      return new AnimaDemoPage4();
    },
    "列表滑动过程 item 停靠动画效果": (context) {
      return new ListAnimDemoPage();
    },
    "列表滑动过程 item 停靠动画效果2": (context) {
      return new ListAnimDemoPage2();
    },
    "下弹筛选展示效果": (context) {
      return new DropSelectDemoPage();
    },
    "文本弹出动画效果": (context) {
      return new AnimaDemoPage5();
    },
    "强大的自定义滑动与停靠结合展示": (context) {
      return new ScrollHeaderDemoPage();
    },
    "点击弹出动画提示": (context) {
      return new AnimTipDemoPage();
    },
    "列表停靠展开+回到当前头部": (context) {
      return new StickSliverListDemoPage();
    },
    "使用 overflow 处理图片": (context) {
      return new OverflowImagePage();
    },
    "展示 Align 排布控件": (context) {
      return new AlignDemoPage();
    },
    "通过不同尺寸计算方式展示比例": (context) {
      return new CardItemPage();
    },
    "多列表+顶部Tab效果展示": (context) {
      return new SliverTabDemoPage();
    },
    "多列表+顶部Tab效果展示2": (context) {
      return new SliverTabDemoPage2();
    },
    "多列表+顶部Tab效果展示3": (context) {
      return new SliverTabDemoPage3();
    },
    "仿真书本翻页动画（仅APP）": (context) {
      return new BookPage();
    },
    "粒子动画效果": (context) {
      return new ParticlePage();
    },
    "动画背景效果": (context) {
      return new AnimBgDemoPage();
    },
    "手势效果": (context) {
      return new MatrixCustomPainterDemo();
    },
    "一个有趣的底部跟随和停靠例子": (context) {
      return new ScrollInnerContentDemoPage();
    },
    "一个有趣的圆形选择器": (context) {
      return new BottomAnimNavPage();
    },
    "一个类似探探堆叠卡片例子": (context) {
      return new IndexStackDragCardDemoPage();
    },
    "一个类似探探堆叠卡片例子2": (context) {
      return new IndexStackDragCardDemoPage2();
    },
    "动画按键例子": (context) {
      return new AnimButtonDemoPage();
    },
    "类似QQ发送图片的动画": (context) {
      return new AnimProgressImgDemoPage();
    },
    "类似探探扫描的动画效果": (context) {
      return new AnimScanDemoPage();
    },
    "圆弧形的 SeekBar（仅APP）": (context) {
      return new ArcSeekBarDemoPage();
    },
    "一个国外友人很惊艳的动画效果": (context) {
      return new AnimBubbleGumDemoPage();
    },
    "纯 Canvas 绘制闹钟": (context) {
      return new CanvasClickDemoPage();
    },
    "类似 boss 直聘我的页面联动效果": (context) {
      return new LinkSliverDemoPage();
    },
    "结合 Matrix 的拖拽": (context) {
      return new DragImgDemoPage();
    },
    "彩色进度条": (context) {
      return new ColorProgressDemoPage();
    },
    "第三方的动画字体": (context) {
      return new AnimTextDemoPage();
    },
    "首尾添加数据不会抖动": (context) {
      return new ChatListScrollDemoPage();
    },
};

flutter run -d web-server --web-hostname 127.0.0.1 --web-port 8989

flutter build web --web-renderer canvaskit 指定渲染模式