我想在屏幕中间滑动圆圈时打开新页面。那就是当我向左滑动蓝色圆圈时应该打开一个新页面，而当我向右滑动另一个另一个页面时。

类似地，当我在粉红色圆圈底部滑动时，另一个新页面应该打开

这是我的代码：

import 'package:flutter/material.dart';

class FirstRoute extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Container(
          height: 300.0,width: 150.0,child: Stack(
            children: <Widget>[
              Positioned(
                top: 25,child: Container(
                  height: 150.0,decoration: BoxDecoration(
                    shape:BoxShape.circle,color:Colors.lightBlue,),Positioned(
                bottom: 25,child: Opacity(
                  opacity: 0.45,child: Container(
                    height: 150.0,color:Colors.pinkaccent,],);
  }
}