前言
现在的app一打开都是有只有页面,所以今天我就分享这个功能的介绍
准备工具
这套课程是采用Android Studio进行开发的。当前在此之前请准备好Flutter开发环境,我这里就不进行讲解了。
小实例开发流程
介绍页面制作
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import 'dart:async';
class SingScreen extends StatefulWidget {
SingScreen({Key key}) : super(key: key);
_SingScreenState createState() => _SingScreenState();
}
class _SingScreenState extends State<SingScreen> {
@override
Widget build(BuildContext context) {
return Container(
color: Colors.white,
child: Image.network(
'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1558343472208&di=462d59c220ff77e7714badabc54d327f&imgtype=0&src=http%3A%2F%2Fpic41.nipic.com%2F20140517%2F11476798_154212430100_2.jpg',
fit: BoxFit.cover,
),
);
}
@override
void initState() {
// TODO: implement initState
super.initState();
conutDown();
}
void conutDown(){ //倒计时
var _duration=Duration(seconds: 3);
Future.delayed(_duration,newPage); //跳转到新的页面中
}
void newPage(){
Navigator.of(context).pushReplacementNamed('/NewPage');
}
}
主函数
调用单页面介绍和注册路由
import 'package:flutter/material.dart';
import 'sing_screen.dart';
import 'new_page.dart';
void main()=>runApp(MyApp());
class MyApp extends StatelessWidget {
const MyApp({Key key}) : super(key: key);
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'SingleScreen',
theme: ThemeData(
primaryColor: Colors.blue
),
home: SingScreen(),
routes: <String, WidgetBuilder>{
'/NewPage':(context)=>NewPage()
},
);
}
}
今天就分享到这个,希望可以帮助更多的小伙伴