• 赚钱入口【需求资源】限时招募流量主、渠道主,站长合作;【合作模式】CPS长期分成,一次推广永久有收益。主动打款,不扣量;

使用 Flutter 开发登录页面 UI

Flutter cps12345 1年前 (2020-06-23) 842次浏览 0个评论
使用 Flutter 开发登录页面 UI

Flutter 登录演示

Flutter登录演示将帮助您了解如何使用Flutter为Android和iOS创建登录UI。您可以从我们的GitHub  存储库中获取完整的源代码  。

Flutter是相当新的东西,并且获得UI模板总是很棒的,通过此Login演示,您可以轻松创建登录UI。

Main.dart文件

main.dart是任何Flutter应用程序的开始。我们的main.dart文件仅包含路由。我们已将屏幕分为不同的dart文件,以便您可以在代码中使用相同的文件。

使用 Flutter 开发登录页面 UI

SplashScreen.dart

启动屏幕由动画屏幕组成,如果您想知道如何创建动画启动屏幕,请从此处参考我们以前的博客。

 

LoginScreen.dart

登录屏幕包含一个Image,TextFormField(EditText)和一个RaisedButton。UI是在上述小部件的帮助下创建的。我们使用  TextEditingController 从提供的文本框中获取值。

使用 Flutter 开发登录页面 UI

该  password_controller 可以通过访问在文本框中输入的值用于验证。

我们可以通过以下方式从文本框中获取值来进行验证:

password_controller.value.text.tostring() 返回该值,可用于验证。

使用 Flutter 开发登录页面 UI

您可以从我们的GitHub  存储库中获取完整的源代码  。别忘了给星标和分享仓库,这可能会帮助别人!

喜欢 (1)

您必须 登录 才能发表评论!