《Flutter 项目工程化》第五章 5.3 欢迎页

最新推荐文章于 2024-11-25 11:15:12 发布
最新推荐文章于 2024-11-25 11:15:12 发布
阅读量203 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Flutter 项目工程化 文章标签： flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/geeksoarsky/article/details/118893173
本文介绍了如何在Flutter中创建一个欢迎页，利用PageView控件实现图片轮播效果，包括原理、实现方法、路由配置和版本提交。通过PageController和onPageChanged监听滑动，自定义指示器展示当前页数，并展示了如何在用户登录成功后跳转到欢迎页，最终进入首页。

5.3 欢迎页

原理

新建目录和文件

mkdir lib/page/Welcome/
cd lib/page/Welcome/
touch data.dart indicator.dart welcome.dart

PageView控件可以实现一个“图片轮播”的效果，PageView不仅可以水平滑动也可以垂直滑动
源码：

PageView({
   
   
    Key key,
    this.scrollDirection =
了解本专栏 订阅专栏 解锁全文 超级会员免费看
《Flutter 项目工程化》第五章 5.1 闪屏页
geeksoarsky的博客
07-19 217
第五章 启动相关 5.1 闪屏页 5.2 广告页 5.3 欢迎页 5.4 隐私声明 5.5 启动图标和应用名称 5.1 闪屏页 flutter_native_splash 插件地址： pub.dev Github 安装 flutter_native_splash dev_dependencies: flutter_native_splash: ^1.2.0 配置 splash 图片，其他个性化配置读者可以查看插件官网文档。 flutter_native_splash: # This pa
《Flutter从入门到实战：手把手构建跨平台应用（万字深度解析）》
最新发布
idree的博客
03-18 1893
《Flutter从入门到实战：手把手构建跨平台应用（万字深度解析）》
flutter 欢迎页
weixin_41191134的博客
04-01 1388
flutter windows开发环境设置 flutter 项目实战一 新建 flutter 项目 flutter 项目实战二 网络请求 flutter 项目实战三 json数据解析以及Gson格式化flutter 项目实战二 网络请求 flutter 项目实战四 列表数据展示 flutter 项目实战五 item 点击跳转，webview加载 flutter 项目实战六 drawer...
Flutter游戏：启动时的欢迎页
咖啡花园
07-22 2767
本篇文章的内容需要在完成以下内容代码的基础上进行哦！ 《开始用Flutter做游戏吧》 《Flutter游戏：万有引力定律》 《Flutter游戏：垃圾里会生蚊子》 《Flutter游戏：蚊子飞来飞去》 加载更多资源 首先下载接下来要用到的游戏资源文件，因为之前已经下载过一部分，所以下面讲一下这次添加了哪些内容。 branding/title.png：游戏标题图片，建议7:4大小，即7x4图...
Flutter仿Boss-2.启动页、引导页
dalong的博客
04-01 1277
中，我们展示了一个PageView来滑动展示多个引导页内容。在底部我们放置了两个按钮，分别用于“我要招人”和“我要应聘”，点击按钮后跳转到首页。在移动应用开发中，启动页和引导页是用户初次接触应用时的重要组成部分，能够提升用户体验和导航用户了解应用功能。通过以上的实现，我们完成了Flutter仿Boss应用的启动页和引导页功能，帮助用户更好地了解应用，并提供了快速导航到首页的功能。在逻辑部分，我们设置了一个计时器，3秒后自动跳转到首页/登录页。引导页用于向用户介绍应用的功能和特点，帮助用户快速上手。
Flutter 动画转场欢迎屏 concentric_transition
会煮咖啡的猫咪
08-10 399
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-FIRClrPQ-1628558757065)(https://ducafecat.tech/2021/08/10/translation/explore-concentric-transition-in-flutter/2021-08-10-07-06-27.png)] 原文 https://medium.com/flutterdevs/explore-concentric-transition-in-flutter-82ef
Flutter开发日常练习-小猫咪杂货店(新增欢迎页,广告页和侧滑页面)
zxc8890304的博客
04-25 683
猫咪杂货铺项目冲冲冲
有道词典Flutter架构与应用
youdaotech的博客
09-01 1551
联系我们：有道技术团队助手：ydtech01 / 邮箱：ydtech@rd.netease.com 在 18 年 Flutter 发布正式版 1.0 版本以来，有道 Luna 团队保持持续的关注，在不少业务上进行大量的尝试，Flutter 本身统一 Skia 引擎带来的跨平台特性和一致的体验，AOT 下高性能，JIT 下热重载带来提高开发效率等特性，都让人们保持极大的热情和持续的投入，其生态社区也在快速增长。 从实际表现上来看，整个技术栈设计很好。上层 Flutter Framework 引入 .
Flutter快速上车之Widget
阿里云云栖号
09-07 2620
Flutter作为一种全新的响应式，跨平台，高性能的移动开发框架。从开源以来，已经得到越来越多开发者的喜爱。闲鱼是最早一批与谷歌展开合作，并在重要的商品详情页中使用上线的公司。一路走来，积累了大量的开发经验。虽然越来越多的技术大牛在flutter世界中弄得风声水起，但是肯定有很多的flutter小白希望能快速上手，享受flutter编程的乐趣。本文就是面向刚刚踏上futter的同学，从Flutte...
Flutter：启动页处理：03、欢迎页（carousel_slider轮播插件实现）
sunluyi的博客
11-25 324
【代码】Flutter：启动屏逻辑处理03：欢迎页（carousel_slider轮播插件实现）
启动页欢迎界面大全
06-03
了解不同的启动页的实现方式，更好的开发代码，号称世上最全的代码了 http://blog.csdn.net/u013424496/article/details/51351284
使用Flutter开发的常见的App启动页
08-10
使用Flutter开发的常见的App启动页
欢迎登录登录页面：登录和注册页面
02-12
Flutter初识（二）：登录页、首页、退出登录页面
qq_34373197的博客
08-27 2007
下一节为国际化配置，也是我目前已完成的最终进度。后续有什么想要研究实现的可以留言讨论一起研究哈。PS：这三篇写完我就继续黑吗喽了，这次就不立flag了。
Flutter：启动页处理：02、自定义启动页（跳转欢迎页，未登录，去登录）
sunluyi的博客
11-25 910
后边会在启动图页面加一些逻辑判断，比如当前用户是否登录，跳转首页或者登录页。启动后会默认先展示前一章自定义的APP启动图标，随便就展示这张启动图。启动屏启动之后，制作一个启动页面。新建splash：view。main入口路由配置。
flutter 欢迎页（重复使用）
qq_30173273的博客
10-28 355
import'package:flutter/material.dart'; classMainPageextendsStatefulWidget{ MainPage({Keykey}):super(key:key); @override _MainPageStatecreateState()=>_MainPageState(); } class_MainPageStateextendsState<MainPage>...
Flutter启动欢迎页之intro_slider
weixin_34233679的博客
04-01 741
简介 intro_slider是Flutter一个应用启动欢迎页面的插件，可以帮助你介绍你的应用，以显示你的应用程序的主要功能， 你可以更改图像，按钮，文本样式，颜色等，创建介绍屏幕从未如此简单快捷 目前官方版本是intro_slider 1.2.0 intro_slider插件地址：pub.dartlang.org/packages/in… 本文具体效果可以查看我的github玩...
flutter设置边距，flutter上下左右边距，flutter广告页面，flutter欢迎页，flutter轮播图
Big_Liu_bing的博客
06-30 3979
直接上图： 1、设置边距主要代码为 new EdgeInsets.fromLTRB(0, 50, 10, 0) LTRB上下左右，可以查看EdgeInsets源码。 2、悬浮按钮代码 Align( alignment: FractionalOffset.topRight, child: Padding( padding: new EdgeInsets.fromLTRB(0, 50, 10, 0), child: FlatButton( ..
Flutter 安卓 设置启动页，名称，及logo
weixin_46088757的博客
10-13 4157
适配刘海屏
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

geeksoarsky

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值