将登录屏幕放在其中一张介绍幻灯片中以进行颤动

Posted

技术标签:

【中文标题】将登录屏幕放在其中一张介绍幻灯片中以进行颤动【英文标题】:Putting a Login screen in one of the intro slides for flutter 【发布时间】:2020-04-15 05:45:28 【问题描述】:

我目前有两个 dart 文件。一个包含我的应用程序的介绍幻灯片部分的代码(非常类似于https://flutterappdev.com/2019/01/24/simple-and-configurable-app-introduction-slider-for-flutter/ 默认配置示例)。

在我的另一个中,我有我的登录屏幕(类似于https://github.com/Ethiel97/flutter_login_ui/blob/master/lib/main.dart)。有什么方法可以让我的幻灯片 3 包含我的登录屏幕?

我对应用程序开发很陌生,不确定这是否可行,我是否能够连接两个 dart 文件,或者我什至不应该有两个 dart 文件!任何帮助表示赞赏。谢谢!

如果需要我的代码,请告诉我,尽管我的两个 dart 文件与上面链接中的“class _MyHomePageState extends State”部分代码非常相似,因为我只是在测试实现:)

【问题讨论】:

不,你不能使用那个包。您可以手动制作。 @Abhay Koradiya 哦,您是说手动制作介绍幻灯片吗?此外,在这种情况下,介绍幻灯片有一个“完成”按钮,是否可以编写代码以便如果我按下“完成”,它会将我重定向到我的登录屏幕? 是的,可以使用完成按钮打开登录屏幕 那我会调查的!谢谢你:) 【参考方案1】:

您可以使用intro_views_flutter 2.8.0 在幻灯片中包含任何小部件,因为您的登录页面也是一个小部件。您可以看到the example here。这里给出的示例非常简单,希望对您有所帮助。

【讨论】:

哇,这太棒了!您是否碰巧知道是否有任何方法可以使图像占据整个屏幕,而不仅仅是在中心放置一个小图像(我的其他版本能够做到这一点)?我正在尝试使用 BoxFit.cover 选项,但图像似乎仍然很小。 您可以设置一个全屏的容器,并将其设置为装饰图像

以上是关于将登录屏幕放在其中一张介绍幻灯片中以进行颤动的主要内容,如果未能解决你的问题,请参考以下文章

颤动中的幻灯片过渡外观容器

颤动中的淡入或不透明

商业智能软件 DeltaMaster 基础功能介绍 —— 自助服务终端篇

在最后一张幻灯片之后单击屏幕右侧的第 1 个/在第 2 个幻灯片之后的第 1 个中单击屏幕左侧

如何在所有幻灯片中将标题、文本和点指示符的位置更改为左下角

颤动幻灯片过渡到特定位置