Flare is not exporting correctly in Flutter about flare-flutter

[uggyk]

I just changed the package to version ^1.3.0, and the error is still there, please investigate further. I wonder if it's the same error with 2d-inc/support#148

[luigi-rosso]

Thanks, I'll look into this right now. Will report back soon.

[luigi-rosso]

This is what I see right now, could you share your code?

[luigi-rosso]

I caught the issue with the color override. That should work now too. Version 1.3.2

[luigi-rosso]

Let me know if you can confirm it, then we can close the issue! Thanks again for reporting it.

[luigi-rosso]

We did have an update last week, if you exported the file this week, you'll need to update the runtime to the latest package. We're going to get better about detecting this condition and notifying you that you likely need to update the package.

Let me know if that still doesn't work for you, I can do a more in depth investigation with your actual file.

[uggyk]

fyi, everytime I want to edit the https://www.2dimensions.com/a/uggy/files/flare/burgersplash-2/preview I have to go to the "circle" object and click (tick) on Fill (color) in order for the "circle to appear in the animation and then it would appear.

[uggyk]

this is what shows in the app (for the whole lifetime of the widget). I do have another animation showing and it is working flawlessly.

[uggyk]

did the animation work as expected?

import 'package:flare_flutter/flare_actor.dart';

FlareActor("assets/BurgerSplash 2.flr",
animation: "new_splash",
color: Colors.white,
fit: BoxFit.contain,
alignment: Alignment.center),`

 

this is the code that I have used.

[luigi-rosso]

Yes the animation worked correctly, but I was able to break it as in #49 by reloading the file. I've pushed a fix, try package 1.3.1.

[luigi-rosso]

Zip file attached with the flr file I used.

BurgerSplash 2.flr.zip

[uggyk]

nope, nothing is working. is there any way I could revert back to 11 December version of this?
https://www.2dimensions.com/a/uggy/files/flare/burgersplash/preview

I feel like you are correct. something is off with the package. I changed the color to black (from white). it showed the whole thing but without the animation. with the animation, everything breaks, and back to square one.

[uggyk]

this is the whole code. sorry I had to clean it up.

import 'dart:core';
import 'dart:async';
import 'package:change_app/ui/common/constants.dart';
import 'package:flare_flutter/flare_actor.dart';
import 'package:flutter/material.dart';
import 'package:flare_flutter/flare.dart';
import 'package:flare_dart/math/mat2d.dart';
import 'package:flare_flutter/flare_actor.dart';

class SplashScreen extends StatefulWidget {
  final int seconds;
  final Color backgroundColor;
  final dynamic navigateAfterSeconds;
  SplashScreen({
    @required this.seconds,
    this.navigateAfterSeconds,
    this.backgroundColor = Colors.white,
  });

  @override
  _SplashScreenState createState() => _SplashScreenState();

}

class _SplashScreenState extends State<SplashScreen> {
  @override
  void initState() {
    super.initState();
    Timer(Duration(seconds: widget.seconds), () {
      Navigator.of(context).pushReplacement(
        PageRouteBuilder(
          pageBuilder: (_, __, ___) => widget.navigateAfterSeconds,
          transitionsBuilder: (context, animation, secondaryAnimation, child) =>
              FadeTransition(opacity: animation, child: child),
        ),
      );
    });
  }


  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: widget.backgroundColor,
      body: InkWell(
        child: Stack(
         // fit: StackFit.expand,
          children: <Widget>[
            FlareActor("assets/BurgerSplash.flr",
               // animation: "new_splash",
                color: Colors.white10,
                fit: BoxFit.contain,
                alignment: Alignment.center),
            new Column(
              mainAxisAlignment: MainAxisAlignment.start,
              children: <Widget>[
                new Expanded(
                  flex: 2,
                  child: new Container(),
                ),
                Expanded(
                  flex: 2,
                  child: Column(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: <Widget>[
                      sloganTextAr,
                      Padding(
                        padding: const EdgeInsets.only(top: 20.0),
                      ),
                      sloganTextEn
                    ],
                  ),
                ),
              ],
            ),
          ],
        ),
      ),
    );
  }
}

[uggyk]

I found the problem. it was the
''' color: Colors.white10 '''

if I remove that line everything works.

[luigi-rosso]

Thanks for the code, I will try it out in a few minutes and see why the color value is causing problems...

[uggyk]

yes it works now, thanks champ!