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

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

5.3 欢迎页

原理

新建目录和文件

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

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

PageView({
   
    Key key,
    this.scrollDirection &
了解本专栏 订阅专栏 解锁全文 超级会员免费看
geeksoarsky
关注
专栏目录
订阅专栏
《Flutter 项目工程化》第五章 5.1 闪屏页
geeksoarsky的博客
07-19 179
第五章 启动相关 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 欢迎页
weixin_41191134的博客
04-01 1325
flutter windows开发环境设置 flutter 项目实战一 新建 flutter 项目 flutter 项目实战二 网络请求 flutter 项目实战三 json数据解析以及Gson格式化flutter 项目实战二 网络请求 flutter 项目实战四 列表数据展示 flutter 项目实战五 item 点击跳转，webview加载 flutter 项目实战六 drawer...
Flutter游戏：启动时的欢迎页
咖啡花园
07-22 2549
本篇文章的内容需要在完成以下内容代码的基础上进行哦！ 《开始用Flutter做游戏吧》 《Flutter游戏：万有引力定律》 《Flutter游戏：垃圾里会生蚊子》 《Flutter游戏：蚊子飞来飞去》 加载更多资源 首先下载接下来要用到的游戏资源文件，因为之前已经下载过一部分，所以下面讲一下这次添加了哪些内容。 branding/title.png：游戏标题图片，建议7:4大小，即7x4图...
flutter启动白屏页面做splash页面
DeckeDeng的博客
02-19 6331
如图
Flutter启动欢迎页之intro_slider
weixin_34233679的博客
04-01 638
简介 intro_slider是Flutter一个应用启动欢迎页面的插件，可以帮助你介绍你的应用，以显示你的应用程序的主要功能， 你可以更改图像，按钮，文本样式，颜色等，创建介绍屏幕从未如此简单快捷 目前官方版本是intro_slider 1.2.0 intro_slider插件地址：pub.dartlang.org/packages/in… 本文具体效果可以查看我的github玩...
Flutter 闪屏页实现
100斤的博客
06-13 6939
Flutter 闪屏页实现 导入图片 在lib同级目录新建images目录，放入闪屏图片。 更新配置文件 打开pubspec.yaml文件，添加如下asstes: assets: -images/splash_girl.png 创建两个页面 lib下新建HomePage和SplashPage，分别作为主页和闪屏页。 编写mian.dart main.d...
flutter都出到3.X了，flutter会成为一片蓝海吗？
最新发布
weixin_37024291的博客
08-20 77
前言先说个人的看法和结论：在现如今众多的前端技术方案中，选择学习 Flutter 是一个明智的选择。谈谈我的几点理由：一、Flutter SDK 的版本号来到了 3.x，可以对 Windows、macOS 和 Linux 桌面环境提供正式支持。二、Flutter和平台原生的性能表现几乎没有差别，这一点是 React Nat...
美团外卖Flutter动态化实践
美团技术团队
06-24 1万+
总第400篇2020年 第23篇动态化是 Flutter 无法避开的话题。本文从 Flutter 的特点讲起， 阐述了美团外卖团队在整个 Flutter 动态化上探索的心路历程，还有设计...
有道词典Flutter架构与应用
youdaotech的博客
09-01 1368
联系我们：有道技术团队助手：ydtech01 / 邮箱：ydtech@rd.netease.com 在 18 年 Flutter 发布正式版 1.0 版本以来，有道 Luna 团队保持持续的关注，在不少业务上进行大量的尝试，Flutter 本身统一 Skia 引擎带来的跨平台特性和一致的体验，AOT 下高性能，JIT 下热重载带来提高开发效率等特性，都让人们保持极大的热情和持续的投入，其生态社区也在快速增长。 从实际表现上来看，整个技术栈设计很好。上层 Flutter Framework 引入 .
Flutter：基于video_player实现视频相关手势控制、全屏播放
2401_84408378的博客
05-05 877
这里定义了三种读取视频的方式networkassetfile，分别对应网络视频工程视频本地视频文件Key key,@required String url, // 当前需要播放的地址this.width: double.infinity, // 播放器尺寸（大于等于视频播放区域）this.title = ‘’, // 视频需要显示的标题url = url,Key key,@required String dataSource, // 当前需要播放的地址。
Flutter快速上车之Widget
阿里云云栖号
09-07 2399
Flutter作为一种全新的响应式，跨平台，高性能的移动开发框架。从开源以来，已经得到越来越多开发者的喜爱。闲鱼是最早一批与谷歌展开合作，并在重要的商品详情页中使用上线的公司。一路走来，积累了大量的开发经验。虽然越来越多的技术大牛在flutter世界中弄得风声水起，但是肯定有很多的flutter小白希望能快速上手，享受flutter编程的乐趣。本文就是面向刚刚踏上futter的同学，从Flutte...
Flutter 闪屏页(开屏页)
热门推荐
Seven丶Echo的博客
08-16 1万+
Flutter 闪屏页(开屏页)   先来说一下我们需要实现的效果，我们需要实现一个三秒钟后自动跳转到主页面的一个开屏页面，且该页面如果用户点击了屏幕后我们需要立即跳过开屏页面。到了主页面后用户点击返回时直接退出程序而不是跳转回开屏页面。 新建images文件夹用于存放图片（把images文件夹建在根目录下即可） 为图片配置路径 编写main.dart让其开启第一个页面为开屏页面 编写开屏页...
《Flutter 实战开发旅行社交手机APP》第二章 地图模块 2.1 Flutter 集成高德地图
geeksoarsky的博客
08-27 929
Flutter 集成高德地图安装依赖KEY创建应用调试版签名发布版签名高德地图添加 jar 文件：添加权限修改配置按需引入高德定位配置截图版本提交 安装依赖 安装高德定位 Flutter 插件，高德地图 Flutter 插件。定位和地图是分开的，不要混淆。 amap_flutter_location: 2.0.0 amap_flutter_map: 2.0.2 KEY 创建应用 根据插件Readme得知，我们需要前往高德地图开放平台 分别申请 Android 端和 iOS 端的 key。 调试版
《Flutter 项目工程化》第三章 3.3 GetX 国际化
geeksoarsky的博客
07-18 924
3.3 GetX 国际化切换语言视图share_preferences 持久化存储Getx 状态管理切换语言测试版本提交 首先用户打开抽屉，再点击设置按钮跳转到设置页面，随后选择切换语言或主题。 切换语言视图 设置页面 settings.dart 代码如下： import 'package:flutter/material.dart'; import 'package:get/get.dart'; import 'language.dart'; class SettingsPage extends Sta
《Flutter 项目工程化》第五章 5.4 隐私声明
geeksoarsky的博客
07-19 672
隐私声明持久化存储状态管理视图演示版本提交 持久化存储 lib/utils/sputils.dart ///隐私 static void savePrivacy() { _spf!.setBool('key_privacy', true); } static void clearPrivacy() { _spf!.remove('key_privacy'); } static bool? getPrivacy() { return _spf!.getBool('key_privacy'); }
《Flutter 项目工程化》第四章 4.2 登录注册
geeksoarsky的博客
07-19 494
4.2 登录注册 手机号登录注册 客户端只需要提供手机号和验证码，服务端端检测是否注册，没注册则自动注册，故登录注册客户端实现起来只需要一个页面。 新建用户文件夹和用户注册文件 mkdir lib/page/User touch lib/page/User/login.dart 验证码输入框插件 flutter_verification_box 依赖库 dependencies: · · · flutter_spinkit: ^5.0.0 flutter_verification_b
《Flutter 项目工程化》第四章 4.1二次封装 Dio
geeksoarsky的博客
07-19 457
第四章 用户相关 整个 App 是以用户为中心的，用户必须保持登录状态才能正常使用App，否则跳转到用户登录页。这是一个前后端完全分离的 App ,我已经搭建好了 Laravel API 服务器，使用 JWT 鉴权，即使用 Bear Token 确定用户身份，这就要求我们 App 在发起请求时附带 Token 值，如果 Token 过期但还在刷新周期内，则需要客户端自动刷新 Token , 我们将在此章节完成这些功能。 4.1 Dio 网络请求 安装 Dio 请安装好 Post Man 进行接口调试。
《Flutter 项目工程化》序言
geeksoarsky的博客
07-18 435
序言 Flutter 项目工程化 《Flutter 项目工程化》一书是Flutter 快速开发实战专栏的上册，笔者以快速命名是因为 “完成要比完美更重要”，“快速推进，打破常规”，“天下武功，唯快不破”，对于如今迅猛发展的互联网，也是如此。要知道，用户多变，所以唯一能够抓住机会的办法就是快。 在互联网行业，要成就一个项目，idea 一文不值，不仅是在中国，在哪都一样。笔者希望读者通过《Flutter 项目工程化》这本书能把你的想法在技术层面上来讲从不可行到可行，提高你的执行力，最终做成一款好的APP。 由于
《Flutter 实战开发旅行社交手机APP》第一章 广场模块 1.1 游记列表
geeksoarsky的博客
08-18 392
视图层 列表视图，包括上拉加载，下拉刷新，骨架装载器、自定义AppBar 视图 第三方库 包括上拉加载、下拉刷新 easyrefresh，skeleton 骨架加载器和支持空安全的 swiper 轮播图。 flutter_easyrefresh: ^2.2.1 skeleton_text: ^3.0.0 flutter_swiper_null_safety: ^1.0.2 基本视图 lib/page/Dynamic/Dynamic.dart import 'package:flutter/material
Flutter团队协作中的组件化与工程化解决方案
- **统一环境设置**：确保团队成员在执行`flutter`命令时使用的SDK环境与项目内部平台子工程的环境变量一致，这可能涉及到配置全局或工作区级别的环境变量，以避免因环境差异导致的问题。 - **工程结构标准化**：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

geeksoarsky

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

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

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

打赏作者

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

抵扣说明：

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

余额充值