Flutter 如何向现有的颤振项目添加带有图像和文本的基本启动屏幕
如何将包含图像和文本小部件的启动屏幕添加到此预先存在的项目中 进口“包装:颤振/材料.省道”; 导入“包:旅行/屏幕/主页屏幕.省道”Flutter 如何向现有的颤振项目添加带有图像和文本的基本启动屏幕,flutter,dart,splash-screen,Flutter,Dart,Splash Screen,如何将包含图像和文本小部件的启动屏幕添加到此预先存在的项目中 进口“包装:颤振/材料.省道”; 导入“包:旅行/屏幕/主页屏幕.省道” void main() => runApp(MyApp()); class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { re
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Safiri',
debugShowCheckedModeBanner : false,
theme: ThemeData(
primaryColor: Color(0xFF3EBACE),
accentColor: Color(0xFFD8ECF1),
scaffoldBackgroundColor: Color(0xFFF3F5F7),
visualDensity: VisualDensity.adaptivePlatformDensity,
),
home: HomeScreen(),
);
}
}
在Android上,您只需更改Android清单即可添加启动屏幕
Android>app>src>main>AndroidMainfets.xml
<meta-data
android:name="io.flutter.embedding.android.SplashScreenDrawable"
android:resource="@drawable/launch_background" />
<!-- Theme to apply as soon as Flutter begins rendering frames -->
其中,splash是可绘制文件夹(hdpi、mdpi等)中的图像,如果要使用与启动器相同的图像,可以将其更改为@mipmap/ic_launcher
。@color/red
是在android/app/src/main/res/values/colors.xml中创建的,您可以在其中定义要用作十六进制的所有颜色
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="red">#F44336</color>
<color name="white">#FFFFFF</color>
<color name="yellow">#FFFF00</color>
<color name="blueGrey">#37474F</color>
<color name="NightBlue">#233446</color>
<color name="grey">#212121</color>
<color name="dark">#000000</color>
</resources>
#F44336
#FFFFFF
#FFFF00
#37474F
#233446
#212121
#000000
对于文本,我认为没有正常的方法将文本添加到初始屏幕,所以可能只需要创建一个带有文本的imagge,并像@drawable/myText图标那样执行
有关颤振检查中闪屏的更多信息,请参见谢谢您解决了此问题。但是,我无法调整我添加的图像的大小。启动屏幕上显示的图像过大。您是否制作了多个文件夹和图像大小以支持不同的dpi?没用。。。还有白色吗
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="red">#F44336</color>
<color name="white">#FFFFFF</color>
<color name="yellow">#FFFF00</color>
<color name="blueGrey">#37474F</color>
<color name="NightBlue">#233446</color>
<color name="grey">#212121</color>
<color name="dark">#000000</color>
</resources>