base on Flutter runtime for Rive [](https://pub.dev/packages/rive)    # Rive Flutter  Rive Flutter is a runtime library for [Rive](https://rive.app), a real-time interactive design and animation tool. This library allows you to fully control Rive files with a high-level API for simple interactions and animations, as well as a low-level API for creating custom render loops for multiple artboards, animations, and state machines in a single canvas. ## Table of contents - [Rive Flutter](#rive-flutter) - [Table of contents](#table-of-contents) - [Overview of Rive](#overview-of-rive) - [Getting started](#getting-started) - [Choosing a Renderer](#choosing-a-renderer) - [Note on the Impeller renderer](#note-on-the-impeller-renderer) - [Supported platforms](#supported-platforms) - [Awesome Rive](#awesome-rive) - [Contributing](#contributing) - [Issues](#issues) ## Overview of Rive [Rive](https://rive.app) is a powerful tool that helps teams create and run interactive animations for apps, games, and websites. Designers and developers can use the collaborative editor to create motion graphics that respond to different states and user inputs, and then use the lightweight open-source runtime libraries, like Rive Flutter, to load their animations into their projects. For more information, check out the following resources: :house_with_garden: [Homepage](https://rive.app/) :blue_book: [General help docs](https://rive.app/community/doc/introduction/docvphVOrBbl) 🛠 [Rive Forums](https://rive.app/community/forums/home) ## Getting started To get started with Rive Flutter, check out the following resources: - [Getting Started with Rive in Flutter](https://rive.app/community/doc/flutter/docqzmYRZmvF) For more information, see the Runtime sections of the Rive help documentation: - [Animation Playback](https://rive.app/community/doc/animation-playback/docDKKxsr7ko) - [Layout](https://rive.app/community/doc/layout/docBl81zd1GB) - [State Machines](https://rive.app/community/doc/state-machines/docxeznG7iiK) - [Rive Text](https://rive.app/community/doc/text/docn2E6y1lXo) - [Rive Events](https://rive.app/community/doc/rive-events/docbOnaeffgr) - [Loading Assets](https://rive.app/community/doc/loading-assets/doct4wVHGPgC) More advanced usage: - [Caching a RiveFile](https://rive.app/community/doc/caching-a-rive-file/docrLMDw15AJ) - [Alternative Widget Setup](https://rive.app/community/doc/alternative-widget-setup/docNlDD0H0rp) - [Custom Rive RenderObject](https://rive.app/community/doc/custom-rive-renderobject/docnbX5AnjkW) - [Custom Painter](https://rive.app/community/doc/custom-rive-renderobject/docnbX5AnjkW) ## Choosing a Renderer For more information see: https://rive.app/community/doc/overview/docD20dU9Rod ### Note on the Impeller renderer Starting in Flutter v3.10, [Impeller](https://docs.flutter.dev/perf/impeller) has replaced [Skia](https://skia.org/) to become the default renderer for apps on the iOS platform and may continue to be the default on future platforms over time. As such, there is a possibility of rendering and [performance discrepancies](https://github.com/flutter/flutter/issues/134432) when using the Rive Flutter runtime with platforms that use the Impeller renderer that may not have surfaced before. If you encounter any visual or performance errors at runtime compared to expected behavior in the Rive editor, we recommend trying the following steps to triage: 1. Try running the Flutter app with the `--no-enable-impeller` flag to use the Skia renderer. If the visual discrepancy does not show when using Skia, it may be a rendering bug on Impeller. However, before raising a bug with the Flutter team, try the second point below👇 ```bash flutter run --no-enable-impeller ``` 2. Try running the Flutter app on the latest master channel. It is possible that visual bugs may be resolved on the latest Flutter commits, but not yet released in the beta or stable channel. 3. If you are still seeing visual discrepancies with just the Impeller renderer on the latest master branch, we recommend raising a detailed issue to the [Flutter Github repo](https://github.com/flutter/flutter) with a reproducible example, and other relevant details that can help the team debug any possible issues that may be present. ## Supported platforms Be sure to read the [platform specific considerations](platform_considerations.md) for the Rive Flutter package. ## Awesome Rive For even more examples and resources on using Rive at runtime or in other tools, checkout the [awesome-rive](https://github.com/rive-app/awesome-rive) repo. ## Contributing We love contributions and all are welcome! 💙 ## Issues Have an issue with using the runtime, or want to suggest a feature/API to help make your development life better? Log an issue in our [issues](https://github.com/rive-app/flutter/issues) tab! You can also browse older issues and discussion threads there to see solutions that may have worked for common problems. ", Assign "at most 3 tags" to the expected json: {"id":"9804","tags":[]} "only from the tags list I provide: [{"id":77,"name":"3d"},{"id":89,"name":"agent"},{"id":17,"name":"ai"},{"id":54,"name":"algorithm"},{"id":24,"name":"api"},{"id":44,"name":"authentication"},{"id":3,"name":"aws"},{"id":27,"name":"backend"},{"id":60,"name":"benchmark"},{"id":72,"name":"best-practices"},{"id":39,"name":"bitcoin"},{"id":37,"name":"blockchain"},{"id":1,"name":"blog"},{"id":45,"name":"bundler"},{"id":58,"name":"cache"},{"id":21,"name":"chat"},{"id":49,"name":"cicd"},{"id":4,"name":"cli"},{"id":64,"name":"cloud-native"},{"id":48,"name":"cms"},{"id":61,"name":"compiler"},{"id":68,"name":"containerization"},{"id":92,"name":"crm"},{"id":34,"name":"data"},{"id":47,"name":"database"},{"id":8,"name":"declarative-gui "},{"id":9,"name":"deploy-tool"},{"id":53,"name":"desktop-app"},{"id":6,"name":"dev-exp-lib"},{"id":59,"name":"dev-tool"},{"id":13,"name":"ecommerce"},{"id":26,"name":"editor"},{"id":66,"name":"emulator"},{"id":62,"name":"filesystem"},{"id":80,"name":"finance"},{"id":15,"name":"firmware"},{"id":73,"name":"for-fun"},{"id":2,"name":"framework"},{"id":11,"name":"frontend"},{"id":22,"name":"game"},{"id":81,"name":"game-engine "},{"id":23,"name":"graphql"},{"id":84,"name":"gui"},{"id":91,"name":"http"},{"id":5,"name":"http-client"},{"id":51,"name":"iac"},{"id":30,"name":"ide"},{"id":78,"name":"iot"},{"id":40,"name":"json"},{"id":83,"name":"julian"},{"id":38,"name":"k8s"},{"id":31,"name":"language"},{"id":10,"name":"learning-resource"},{"id":33,"name":"lib"},{"id":41,"name":"linter"},{"id":28,"name":"lms"},{"id":16,"name":"logging"},{"id":76,"name":"low-code"},{"id":90,"name":"message-queue"},{"id":42,"name":"mobile-app"},{"id":18,"name":"monitoring"},{"id":36,"name":"networking"},{"id":7,"name":"node-version"},{"id":55,"name":"nosql"},{"id":57,"name":"observability"},{"id":46,"name":"orm"},{"id":52,"name":"os"},{"id":14,"name":"parser"},{"id":74,"name":"react"},{"id":82,"name":"real-time"},{"id":56,"name":"robot"},{"id":65,"name":"runtime"},{"id":32,"name":"sdk"},{"id":71,"name":"search"},{"id":63,"name":"secrets"},{"id":25,"name":"security"},{"id":85,"name":"server"},{"id":86,"name":"serverless"},{"id":70,"name":"storage"},{"id":75,"name":"system-design"},{"id":79,"name":"terminal"},{"id":29,"name":"testing"},{"id":12,"name":"ui"},{"id":50,"name":"ux"},{"id":88,"name":"video"},{"id":20,"name":"web-app"},{"id":35,"name":"web-server"},{"id":43,"name":"webassembly"},{"id":69,"name":"workflow"},{"id":87,"name":"yaml"}]" returns me the "expected json"