Flutter 创建透明页面

1、创建一个背景透明的 Page

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class TestPage extends StatefulWidget {
  @override
  createState() => new TestPageState();
}

class TestPageState extends State<TestPage> {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
        backgroundColor: Colors.transparent,
        body: Center(
            child: Text('透明页面',
                style: TextStyle(fontSize: 18, color: Colors.amber))));
  }
}

2、跳转页面 设置 PageRouteBuilder 的 opaque 属性为 false

 Navigator.of(context).push(PageRouteBuilder(
        opaque: false,
        pageBuilder: (context, animation, secondaryAnimation) {
          return TestPage();
        }));