ตัวเลือก Lottie สำหรับ Flutter มักจะเป็นการเปลี่ยนแปลงในสิ่งที่ไฟล์สามารถทำได้ ไม่ใช่แค่การเปลี่ยนแปลงรูปแบบไฟล์ ไฟล์ Lottie เป็นภาพเคลื่อนไหวแบบเวกเตอร์ที่ส่งออกจาก After Effects แพ็คเกจ Flutter Lottie เล่นได้ดี และคุณสามารถควบคุมความเร็ว ความคืบหน้า และการวนซ้ำได้จาก Dart สิ่งที่คุณไม่สามารถทำได้คือเปิดไฟล์และเปลี่ยนลักษณะการทำงานของไฟล์โดยไม่ต้องกลับไปที่เครื่องมือแอนิเมชัน
Rive เป็นตัวเลือกที่ใกล้เคียงที่สุดสำหรับแอนิเมชันเวกเตอร์เชิงโต้ตอบ คุณสร้างอาร์ตเวิร์คและสเตทแมชชีนในตัวแก้ไข Rive จากนั้นขับเคลื่อนจากรันไทม์ Flutter พร้อมอินพุต ทีมที่ใช้ Rive สำหรับเว็บหรือมือถืออยู่แล้วสามารถนำไฟล์เดิมกลับมาใช้ใหม่ได้ ข้อเสียคือต้นทุนและการล็อคอิน: แผนฟรีของ Rive จะส่งออกไฟล์ที่เล่นหน้าจอสแปลช Rive และแผนแบบชำระเงินจะลบออก
ExodeUI ใช้แนวทางรันไทม์ที่คล้ายกัน แต่มุ่งเน้นไปที่ UI ของผลิตภัณฑ์ คุณออกแบบสถานะ การเปลี่ยนผ่าน สปริง และเหตุการณ์ในโปรแกรมแก้ไขภาพ จากนั้นเล่นผลลัพธ์ผ่านรันไทม์ Flutter แหล่งที่มาคือไฟล์ .exode JSON ที่เปิดอยู่หนึ่งไฟล์ และไฟล์เดียวกันสามารถกำหนดเป้าหมายเป็น React, Vue, Svelte, Angular, Solid, React Native, SwiftUI และ Flutter ExodeUI ใหม่กว่า Rive ดังนั้นโปรดตรวจสอบว่ารันไทม์ Flutter ครอบคลุมแพลตฟอร์มที่คุณจัดส่ง
หากการเคลื่อนไหวเป็นแบบหมุนโหลด การเปลี่ยนไอคอน หรือการเปลี่ยนหน้าแบบธรรมดา AnimationController ในตัวของ Flutter และภาพเคลื่อนไหวโดยนัยก็เพียงพอแล้ว การเพิ่มเนื้อหาที่เขียนขึ้นจะเหมาะสมเมื่อนักออกแบบจำเป็นต้องควบคุมเวลา หรือเมื่อภาพเคลื่อนไหวเดียวกันต้องปรากฏบนหลายแพลตฟอร์ม
ก่อนเลือกให้ทดสอบหน้าจอจริงหนึ่งจอ ตรวจสอบการสนับสนุนรันไทม์สำหรับเป้าหมาย Flutter ของคุณ วิธีต่อสายอินพุต เกิดอะไรขึ้นเมื่อโหลดเนื้อหาไม่สำเร็จ และใบอนุญาตของเครื่องมือเหมาะสมกับการใช้งานเชิงพาณิชย์หรือไม่ ต้นแบบแบบสั้นจะบอกคุณได้มากกว่าตารางคุณลักษณะ