flutter 页面加载动画_（Flutter十三）页面跳转动画示例

在实际开发过程中，我们需要在页面跳转的时候添加一些有特色的动画效果，让页面看起来比较炫酷。

1、main.dart，它里面主要就是放置一个FirstPage的组件。

import 'package:flutter/material.dart';

import 'pages.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {

@override

Widget build(BuildContext context) {

return MaterialApp(

title: 'Flutter Demo',

theme: ThemeData(

primarySwatch: Colors.blue

),

home: FirstPage(),

);

}

}

2、pages.dart，它里面就是创建一个FirstPage,然后在FirstPage中放置一个icon，点击icon进入SecondPage。

AppBar Widger的 elevation 属性：设置这个属性的值越大导航栏与页面之间的阴影越大，一般有滚动时默认是4.0，如果设置成0.0就没有阴影效果。

import 'package:flutter/material.dart';

import 'package:flutterc03/customer_router.dar