ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

splash page flutter

2019-07-04 21:53:38  阅读:238  来源: 互联网

标签:Text app dart splash extends override world flutter page


main.dart:

import 'package:flutter/material.dart';
import 'dart:async';
import 'dart:ui';
import 'app.dart';

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

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
routes: <String, WidgetBuilder> {
'/app': (_) => AppPage(),
},
home: HomePage(),
);
}
}

class HomePage extends StatefulWidget {
@override
_HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
body: InkWell(
child: Image.asset('images/7.jpg',fit: BoxFit.fill,),
onTap: (){
Navigator.pushNamed(context, "/app");
},
),
);
}

@override
void initState() {
super.initState();
countDown();
}

// 倒计时
void countDown() {
var _duration = Duration(seconds: 3);
new Future.delayed(_duration, go2HomePage);
}

void go2HomePage() {
Navigator.of(context).pushReplacementNamed('/app');
}
}


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

class AppPage extends StatefulWidget {
@override
_AppPageState createState() => _AppPageState();
}

class _AppPageState extends State<AppPage> {
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.orange.shade100,
body: Column(
mainAxisAlignment: MainAxisAlignment.spaceAround,
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
ListTile(
title: Text('hello world'),
subtitle: Text('Love you so much the beautiful world'),
),
ListTile(
title: Text('hello world'),
subtitle: Text('Love you so much the beautiful world'),
),
ListTile(
title: Text('hello world'),
subtitle: Text('Love you so much the beautiful world'),
),
],
),
);
}
}

标签:Text,app,dart,splash,extends,override,world,flutter,page
来源: https://www.cnblogs.com/braveheart007/p/11135108.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有