• Flutter--- 启动页


    最近看见好多人都在用Flutter,这几天也把玩下,闲话少叙,切入正题:

    写一个启动页:

    第一:配置flutter 环境这个不讲了 https://flutterchina.club/get-started/install/ 这个网站上都有我是Android 开发者习惯用AS 首先创建一个AS 工程,保证能正常运行
    第二:在pubspec.yaml中引用第三方库

       flutter_splash_screen: ^0.1.0 
    

    然后 flutter packages get 安装

    Android:添加MainActivity文件中加入

    在AndroidManifest.xml配置文件中加入如下代码 防止原生与flutter之间有黑屏

             <meta-data
                android:name="io.flutter.app.android.SplashScreenUntilFirstFrame"
                android:value="true" /> 
    

    打开Android 工程下面的资源目录下的style.xml文件,将如下代码加入启动主题当中

            <item name="android:windowIsTranslucent">true</item>
    

    IOS:不需要设置

    第三:设置启动布局

    Android 设置启动布局 在资源文件下建立(一般新建的工程没有这个目录,有就不用建了)layout目录,然后建launch_screen.xml这个名字的布局文件,至于布局各位就看看Android的xml布局吧

    IOS设置 LaunchScreen.storyboard这个文件 ,然后也搞个简单布局

    第四:在main.dart 中引入包 ,设置动画时长

         import 'package:flutter_splash_screen/flutter_splash_screen.dart';
    

    第五:看下运行效果

  • 相关阅读:
    Delphi 与 C/C++ 数据类型对照表(最新的tokyo)
    Delphi新语法 For ..In
    NSwag生成客户端调用代码
    微服务
    springcloud
    NET高性能IO
    秒杀场景
    CPU开销sql server 性能调优
    WinDbg调试分析 net站点 CPU100%问题
    全链路实践Spring Cloud 微服务架构
  • 原文地址:https://www.cnblogs.com/wpt80/p/12484373.html
Copyright © 2020-2023  润新知