《Flutter 项目工程化》第五章 5.2 广告页

最新推荐文章于 2024-03-30 05:20:19 发布
最新推荐文章于 2024-03-30 05:20:19 发布
阅读量199 收藏
点赞数
分类专栏： Flutter 项目工程化 文章标签： flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/geeksoarsky/article/details/118892836
版权

5.2 广告页

安装依赖

用户点击广告后会打开浏览器跳转到相应网页，为此我们需要 url_launcher
插件

配置依赖信息后，不要忘记使用 flutter pub get 更新依赖

dependencies:
  url_launcher: ^6.0.9

状态管理

App 状态控制器 ConstantController 内新建计数器变量 counter，广告页跳转网址 _advantageUrl，广告页图片网址 _advantageImageUrl，还定义了将计数器减一的方法 decrement，最后使用 update()方法通知视图更新。
lib/utils/getx.dart

了解本专栏 订阅专栏 解锁全文 超级会员免费看
geeksoarsky
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
【Flutter】Flutter 如何实现开屏广告
Code Metaverse
06-14 1392
开屏广告这个功能在商业应用中非常常见，它可以在应用启动时向用户展示广告，增加应用的商业价值。
html 启动页 广告,Flutter实现启动页、闪屏广告页、引导页
weixin_29416253的博客
06-30 794
SplashPage页面用到的开源组件SharedPreferences 工具类 SpUtil引导Banner Swiper倒计时工具类TimerUtil一个App一般都会有SplashPage页面，在这页面包含启动页、引导页(app简介说明)、闪屏广告页(点广告页跳转到相应H5页面)。在Flutter实现引导页须要在MaterialApp home指定为SplashPage，在routes里面配...
【Flutter】应用广告页面-3秒后跳转
weixin_30642267的博客
08-30 1192
flutter 广告页-3秒读数后或者点击跳过广告按钮后跳转 /** * 广告页，3秒自动跳转到首页 */ import 'dart:async'; import 'package:flutter/material.dart'; class SplashScreen extends StatefulWidget { @overr...
Flutter实战01 - 启动页 闪屏广告 引导页
zhengbusi的博客
04-28 2537
一个app通常都会有一个App通常都会有SplashPage页面，在这页面包含启动页、引导页（app简介说明）、闪屏广告页（点广告页跳转到相应H5页面）。 在Flutter实现引导页需要在MaterialApp home指定为SplashPage，在routes里面配置主界面MainPage。SplashPage切换到MainPage通过Navigator.of(context).pushRep...
flutter_ad:Flutter广告插件，目前支持穿山甲+广点通
03-25
flutter_ad 一个新的flutter插件项目。 入门 该项目是Flutter的起点，Flutter是一个特殊的程序包，其中包括针对Android和/或iOS的平台特定的实现代码。 要获得Flutter入门方面的帮助，请查看我们的，其中提供了教程，示例，有关移动开发的指南以及完整的API参考。
Flutter混合开发组件化与工程化架构
02-24
对于构建Flutter类型应用，因其开发语言Dart、虚拟机、构建工具与平时我们开发Native应用不同且平台虚拟机也不支持，所以需要FlutterSDK来支持，如构建Android应用需要AndroidSDK一样，下载FlutterSDK通常有两种方式...
Flutter完整项目BLoCRxDart国际化主题色启动页引导页
08-10
本文将详细解析“Flutter完整项目BLoCRxDart国际化主题色启动页引导页”这一主题，涵盖的关键技术包括Flutter框架的使用，BLoC（Business Logic Component）模式，RxDart（ReactiveX Dart）库，国际化实现，自定义...
Flutter实践工程自动化！深度研究与实 高级Logic iOS Flutter逻辑开发与引擎源码
最新发布
05-04
如何使用Flutter自动化工具来提高工程效率。 高级逻辑开发技巧，包括状态管理、路由导航和数据持久化。 Flutter引擎的核心概念和内部源码结构。 如何解决实际应用中的复杂问题和挑战。 无论您是Flutter初学者还是有...
flutter 创建项目、应用图标、启动页
01-21
项目开发会分博客文章，请点击链接到对应的文章中浏览，建议其实万变不离其中，说到底还是离不开原生，学习之前往补充原生知识，本片主要讲的是创建项目、应用图标、启动页，再次感谢大家能耐心观看，谢谢！...
从Android 开发到Flutter 之 开屏页和广告页《二》
图你怀中安稳的博客
04-11 2691
在APP开发的过程中，我们一般需要一个开屏页和一个广告页 开屏页 开发Android 的都知道，Android启动的时候会有一个小的空白，我们的解决方法是给开屏页设置style ,让其在加载声明周期方法之前先设置一个填位图，消除空白 Flutter 项目在IOS上是秒起的，不会出现这个问题，在Android上还是会出现的，但是Flutter 项目已经将这个操作在创建项目的时候就实现了 ...
Flutter 玩转微信——闪屏页妙用，androidview绘制流程面试
m0_61041374的博客
03-30 801
上面就是笔者整理的微信登陆逻辑，大家可以打开你手机上的微信App，逐个验证各个逻辑。v1 == v2=>=>切换页面，可见，微信的登陆比上面逻辑图更简单，这里笔者就不一一赘述了。最后，相信有了逻辑图，大家写起代码也比较胸有成竹了，也希望大家在写代码之前，先写好流程图，避免像无头苍蝇一样，毫无目标性。记住：在错误的道路上，停止就是前进！
Flutter集成字节跳动穿山甲广告
qq_21178779的博客
10-21 1万+
近期项目中需要用到穿山甲广告，看了几个插件，发现满足不了自己的需求，项目中需要用到的广告都需要使用原生view做嵌入。所以自己写了一个插件来实现相关的广告。项目仓库flutter_unionad 官方文档 Android IOS 集成步骤 1、pubspec.yaml flutter_unionad: ^0.0.7 引入 import 'package:flutter_unionad/flutter_unionad.dart' as FlutterUnionad; 2、Android aar文件已集
android平台使用admobpro插件接入广告
xiewu1015的博客
01-04 572
接入广告的历程，迷迷糊糊，误打误撞，也还是实现了。我大致试了两种方法。第一种，在APP页面测试的时候，用绑定点击事件@click的方法，测试能否显示广告。第二种，直接运用插件显示广告。 一、使用点击事件测试（前提是已有vue和cordova项目） 1、在cordova中添加插件 cordova plugin add cordova-plugin-admobpro 2、vue项目与cordova整合...
腾讯广点通接入总结及源码
每天进步一点点儿
12-13 2万+
接入文档地址：https://developers.e.qq.com/docs/start 由于腾讯的广告业务做的太大，所以接起来还挺麻烦的，比起百度难接入。页面上的客服也是爱答不理的，反正等了一下午也没回我消息！就自己看，也不知道投放部门准备怎么接，就让开发自己看文档！看的头大！！！ 这是腾讯给出的文档说明。 1、用 公用 qq （这个不用说了为啥了吧）注册为开发者后，创建应用...
Flutter教程之 在 Flutter 应用程序中实现广告的教程
iCloudEnd的博客
01-24 851
教程介绍如何向您的 Flutter 应用添加横幅广告、插页式广告和激励广告。
Flutter女装商城实战(含源码)
04-04
课程目标本课程以实战案例的方式带领大家如何编写一个复杂的App。课程简介Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的用户界面。本课程以实战案例的方式带领大家编写Flutter女装商城案例。案例中使用了真实的开发接口，采用工程化开发标准开发。
Flutter 中的 Timer 实例 实现 广告页面3秒跳转
JerryWu145的专栏
02-27 2539
在写轮播之前，先把 Timer 看一遍吧 Timer 官网 由上图可知，Timer 类存在于dart:async内，所以我们需要先导入 import 'dart:async'; 方可使用。 而且 Timer 的构造也很简单，一个时长Duration一个到时之后执行的任务callback，如下图，他的构造方法 看着官网的示例也是很简单的，我们先仿照做一个三秒之后打印...
Flutter 闪屏页实现
100斤的博客
06-13 6896
Flutter 闪屏页实现 导入图片 在lib同级目录新建images目录，放入闪屏图片。 更新配置文件 打开pubspec.yaml文件，添加如下asstes: assets: -images/splash_girl.png 创建两个页面 lib下新建HomePage和SplashPage，分别作为主页和闪屏页。 编写mian.dart main.d...
用flutter写一个精美的登录页面
热门推荐
卓原的进化之旅
10-14 3万+
先看效果图; 源代码已上传到github loading…
flutter 项目 初始化
03-08
你可以使用 Flutter CLI 命令行工具来初始化一个 Flutter 项目。首先，你需要安装 Flutter SDK，并配置好环境变量。然后，在命令行中输入以下命令： flutter create <project_name> 其中，<project_name> 是你想要创建的项目名称。这个命令会在当前目录下创建一个新的 Flutter 项目，并生成一些默认的文件和代码。你可以使用 Android Studio 或者 Visual Studio Code 等 IDE 来打开这个项目，并开始开发你的应用程序。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

geeksoarsky

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

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

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

打赏作者

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

抵扣说明：

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

余额充值