创建了一个应用程序，以学习在Flutter应用程序项目中添加Rive Splash屏幕动画

Question

我遵循了使用Rive Animation Tool在flutter中在应用程序中添加飞溅屏幕的教程，但是溅起屏幕不会显示。

我遵循的链接： -

main.dart文件

import 'package:flutter/material.dart';
import 'package:rive_splash_screen/rive_splash_screen.dart';
import 'package:rive/rive.dart';
import 'dart:ui';

void main() {
  runApp(const MyApp());
}

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

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: SplashScreen.navigate(
        name: 'assets/doublersplashscreen.riv',
        next: (_) => const MyHomePage(),
        until: () => Future.delayed(const Duration(seconds: 5)),
        startAnimation: 'Splash',
      ),
    );
  }
}

class MyHomePage extends StatelessWidget {
  const MyHomePage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      color: Colors.red,
      height: 400,
      width: 300,
    );
  }
}

pubspec.yaml文件中的代码

pubspec中的代码.yaml文件

Answer 1

我已经使用了您的代码和Rive的社区制作动画来复制该问题。但是我不能，一切都按预期工作。因此，请检查以下步骤：

1-确保您的动画路径正确添加到pubspec.yaml：

pubspec.yaml

flutter:

  uses-material-design: true
 
  assets:
    - assets/

2-确保riv文件的路径精确地写在splashscreen.navigate widget中。检查提供的路径中是否有大写。

home: SplashScreen.navigate(
  name: 'assets/alarm.riv',
  next: (_) => const MyHomePage(title: 'Demo App'),
  until: () => Future.delayed(const Duration(seconds: 5)),
  startAnimation: 'bell',
),

3-最后，即使无法引起此问题，也要确保您提供正确的动画名称。如果不这样做，动画将出现，但不会像预期的那样动画。

在

如果您有其他问题，请随时写在评论中。