首页 > 编程语言 >一统天下 flutter - UI: 闪屏页,程序名称,程序图标

一统天下 flutter - UI: 闪屏页,程序名称,程序图标

时间:2023-03-22 11:22:06浏览次数:54  
标签:xml ios 程序 闪屏 UI android flutter

一统天下 flutter https://github.com/webabcd/flutter_demo
作者 webabcd

一统天下 flutter - UI: 闪屏页,程序名称,程序图标

示例如下:

lib\ui\splash_screen.dart

/*
 * 闪屏页,程序名称,程序图标
 *
 *
 * 闪屏页
 * 一、android
 * 1、默认模板,在 /android/app/src/main/AndroidManifest.xml 中配置了闪屏页主题和非闪屏页主题
 * 2、闪屏页主题和非闪屏页主题的定义在 /android/app/src/main/res/values/styles.xml
 * 3、闪屏页主题的 window 窗口背景的定义在 /android/app/src/main/res/drawable/launch_background.xml
 * 二、ios
 * 1、用 xcode 中打开 /ios/Runner.xcworkspace
 * 2、通过 LaunchScreen.storyboard 实现闪屏页(具体的 storyboard 的名字可以在 Info.plist 中配置)
 *
 *
 * 程序名称
 * 一、android
 * 在 /android/app/src/main/AndroidManifest.xml 中的 application 节点做类似如下的配置 android:label="flutter_demo"
 * 二、ios
 * 在 /ios/Runner/Info.plist 中做类似如下的配置
 * <key>CFBundleDisplayName</key>
 * <string>flutter_demo</string>
 * <key>CFBundleName</key>
 * <string>flutter_demo</string>
 *
 *
 * 程序图标
 * 一、android
 * 在 /android/app/src/main/AndroidManifest.xml 中的 application 节点做类似如下的配置 android:icon="@mipmap/ic_launcher"
 * 二、ios
 * 用 xcode 中打开 /ios/Runner.xcworkspace 然后在 Assets.xcassets 中的 AppIcon 中配置即可
 */

import 'package:flutter/material.dart';

class SplashScreenDemo extends StatefulWidget {
  const SplashScreenDemo({Key? key}) : super(key: key);

  @override
  _SplashScreenDemoState createState() => _SplashScreenDemoState();
}

class _SplashScreenDemoState extends State<SplashScreenDemo> {

  @override
  Widget build(BuildContext context) {
    return Container(
      color: Colors.orange,
    );
  }
}

一统天下 flutter https://github.com/webabcd/flutter_demo
作者 webabcd

标签:xml,ios,程序,闪屏,UI,android,flutter
From: https://www.cnblogs.com/webabcd/p/flutter_lib_ui_splash_screen.html

相关文章