lottie-flutter
lottie-flutter copied to clipboard
Published
20 hours ago •
xvrh
xvrh
JSON file won't play - other files do work fine
I can't get this JSON file to play on Android or iOS but other files seem fine. Is this a limitation in the current lib?
It just displays the first frame as a static image and nothing animates.
https://lottiefiles.com/share/tE6v7b
"v": "5.5.7",
"meta": {
"g": "LottieFiles AE 0.1.20",
"a": "",
"k": "",
"d": "",
"tc": "none"
},
"fr": 60,
"ip": 0,
"op": 75,
"w": 444,
"h": 444,
"nm": "icon",
"ddd": 1,
"assets": [],
"layers": [
{
"ddd": 1,
"ind": 1,
"ty": 4,
"nm": "bp",
"sr": 1,
"ks": {
"o": { "a": 0, "k": 100, "ix": 11 },
"rx": {
"a": 1,
"k": [
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.167] },
"t": 0,
"s": [-720]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 1,
"s": [-641.447]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 2,
"s": [-571.464]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 3,
"s": [-509.117]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 4,
"s": [-453.572]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 5,
"s": [-404.086]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 6,
"s": [-360]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 7,
"s": [-320.724]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 8,
"s": [-285.732]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 9,
"s": [-254.558]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 10,
"s": [-226.786]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 11,
"s": [-202.043]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 12,
"s": [-180]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 13,
"s": [-160.362]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 14,
"s": [-142.866]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 15,
"s": [-127.279]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 16,
"s": [-113.393]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 17,
"s": [-101.022]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 18,
"s": [-90]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 19,
"s": [-80.181]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 20,
"s": [-71.433]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 21,
"s": [-63.64]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 22,
"s": [-56.696]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 23,
"s": [-50.511]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 24,
"s": [-45]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 25,
"s": [-40.09]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 26,
"s": [-35.717]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 27,
"s": [-31.82]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 28,
"s": [-28.348]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 29,
"s": [-25.255]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 30,
"s": [-22.5]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 31,
"s": [-20.045]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 32,
"s": [-17.858]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 33,
"s": [-15.91]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 34,
"s": [-14.174]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 35,
"s": [-12.628]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 36,
"s": [-11.25]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 37,
"s": [-10.023]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 38,
"s": [-8.929]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 39,
"s": [-7.955]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 40,
"s": [-7.087]
},
{
"i": { "x": [0.833], "y": [0.841] },
"o": { "x": [0.167], "y": [0.177] },
"t": 41,
"s": [-6.314]
},
{
"i": { "x": [0.833], "y": [0.844] },
"o": { "x": [0.167], "y": [0.175] },
"t": 42,
"s": [-5.625]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.178] },
"t": 43,
"s": [-4.997]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.177] },
"t": 44,
"s": [-4.446]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.176] },
"t": 45,
"s": [-3.953]
},
{
"i": { "x": [0.833], "y": [0.842] },
"o": { "x": [0.167], "y": [0.176] },
"t": 46,
"s": [-3.511]
},
{
"i": { "x": [0.833], "y": [0.841] },
"o": { "x": [0.167], "y": [0.176] },
"t": 47,
"s": [-3.115]
},
{
"i": { "x": [0.833], "y": [0.841] },
"o": { "x": [0.167], "y": [0.175] },
"t": 48,
"s": [-2.757]
},
{
"i": { "x": [0.833], "y": [0.84] },
"o": { "x": [0.167], "y": [0.175] },
"t": 49,
"s": [-2.434]
},
{
"i": { "x": [0.833], "y": [0.839] },
"o": { "x": [0.167], "y": [0.174] },
"t": 50,
"s": [-2.138]
},
{
"i": { "x": [0.833], "y": [0.838] },
"o": { "x": [0.167], "y": [0.173] },
"t": 51,
"s": [-1.866]
},
{
"i": { "x": [0.833], "y": [0.836] },
"o": { "x": [0.167], "y": [0.171] },
"t": 52,
"s": [-1.613]
},
{
"i": { "x": [0.833], "y": [0.835] },
"o": { "x": [0.167], "y": [0.17] },
"t": 53,
"s": [-1.373]
},
{
"i": { "x": [0.833], "y": [0.834] },
"o": { "x": [0.167], "y": [0.168] },
"t": 54,
"s": [-1.141]
},
{
"i": { "x": [0.833], "y": [0.834] },
"o": { "x": [0.167], "y": [0.167] },
"t": 55,
"s": [-0.914]
},
{
"i": { "x": [0.833], "y": [0.838] },
"o": { "x": [0.167], "y": [0.168] },
"t": 56,
"s": [-0.689]
},
{
"i": { "x": [0.833], "y": [0.848] },
"o": { "x": [0.167], "y": [0.171] },
"t": 57,
"s": [-0.467]
},
{
"i": { "x": [0.833], "y": [0.878] },
"o": { "x": [0.167], "y": [0.184] },
"t": 58,
"s": [-0.256]
},
{
"i": { "x": [0.833], "y": [0.917] },
"o": { "x": [0.167], "y": [0.264] },
"t": 59,
"s": [-0.081]
},
{
"i": { "x": [0.833], "y": [1] },
"o": { "x": [0.167], "y": [0.007] },
"t": 60,
"s": [0]
},
{
"i": { "x": [0.833], "y": [1] },
"o": { "x": [0.167], "y": [0] },
"t": 61,
"s": [0]
},
{
"i": { "x": [0.833], "y": [1] },
"o": { "x": [0.167], "y": [0] },
"t": 62,
"s": [0]
},
{
"i": { "x": [0.833], "y": [1] },
"o": { "x": [0.167], "y": [0] },
"t": 63,
"s": [0]
},
{
"i": { "x": [0.833], "y": [1] },
"o": { "x": [0.167], "y": [0] },
"t": 64,
"s": [0]
},
{
"i": { "x": [0.833], "y": [1] },
"o": { "x": [0.167], "y": [0] },
"t": 65,
"s": [0]
},
{
"i": { "x": [0.833], "y": [1] },
"o": { "x": [0.167], "y": [0] },
"t": 66,
"s": [0]
},
{
"i": { "x": [0.833], "y": [1] },
"o": { "x": [0.167], "y": [0] },
"t": 67,
"s": [0]
},
{
"i": { "x": [0.833], "y": [1] },
"o": { "x": [0.167], "y": [0] },
"t": 68,
"s": [0]
},
{
"i": { "x": [0.833], "y": [1] },
"o": { "x": [0.167], "y": [0] },
"t": 69,
"s": [0]
},
{
"i": { "x": [0.833], "y": [1] },
"o": { "x": [0.167], "y": [0] },
"t": 70,
"s": [0]
},
{
"i": { "x": [0.833], "y": [1] },
"o": { "x": [0.167], "y": [0] },
"t": 71,
"s": [0]
},
{
"i": { "x": [0.833], "y": [1] },
"o": { "x": [0.167], "y": [0] },
"t": 72,
"s": [0]
},
{
"i": { "x": [0.833], "y": [1] },
"o": { "x": [0.167], "y": [0] },
"t": 73,
"s": [0]
},
{
"i": { "x": [0.833], "y": [1] },
"o": { "x": [0.167], "y": [0] },
"t": 74,
"s": [0]
},
{ "t": 75, "s": [0] }
],
"ix": 8
},
"ry": { "a": 0, "k": 0, "ix": 9 },
"rz": { "a": 0, "k": 0, "ix": 10 },
"or": { "a": 0, "k": [0, 0, 0], "ix": 7 },
"p": { "a": 0, "k": [223.5, 214.5, 0], "ix": 2 },
"a": { "a": 0, "k": [0, 0, 0], "ix": 1 },
"s": { "a": 0, "k": [100, 100, 100], "ix": 6 }
},
"ao": 0,
"ef": [
{
"ty": 5,
"nm": "AC IN [9AD] Controls",
"np": 3,
"mn": "Pseudo/MHAC PrCtrl 9AD 3",
"ix": 1,
"en": 1,
"ef": [
{
"ty": 0,
"nm": "Angle",
"mn": "Pseudo/MHAC PrCtrl 9AD 3-0001",
"ix": 1,
"v": { "a": 0, "k": -720, "ix": 1 }
}
]
}
],
"shapes": [
{
"ty": "gr",
"it": [
{
"ind": 0,
"ty": "sh",
"ix": 1,
"ks": {
"a": 0,
"k": {
"i": [
[19.05, 0],
[5.61, -3.93],
[0, 0],
[0, -8.09],
[0, 0],
[0, 8.08],
[0, 0],
[-7.38, 0],
[0, 19]
],
"o": [
[-7.38, 0],
[0, 0],
[-8.11, 0],
[0, 0],
[8.11, 0],
[0, 0],
[5.61, 3.93],
[19.05, 0],
[0, -19]
],
"v": [
[0, -34.4],
[-19.82, -28.16],
[-19.82, -50.5],
[-34.5, -35.86],
[-34.5, 50.5],
[-19.82, 35.86],
[-19.82, 28.16],
[0, 34.4],
[34.5, 0]
],
"c": true
},
"ix": 2
},
"nm": "Path 1",
"mn": "ADBE Vector Shape - Group",
"hd": false
},
{
"ind": 1,
"ty": "sh",
"ix": 2,
"ks": {
"a": 0,
"k": {
"i": [
[11.05, 0],
[0, 10.77],
[-11.05, 0],
[0, -10.77]
],
"o": [
[-11.05, 0],
[0, -10.77],
[11.05, 0],
[0, 10.77]
],
"v": [
[-0.5, 19.5],
[-20.5, 0],
[-0.5, -19.5],
[19.5, 0]
],
"c": true
},
"ix": 2
},
"nm": "Path 2",
"mn": "ADBE Vector Shape - Group",
"hd": false
},
{
"ty": "mm",
"mm": 1,
"nm": "Merge Paths 1",
"mn": "ADBE Vector Filter - Merge",
"hd": false
},
{
"ty": "fl",
"c": {
"a": 0,
"k": [0.996078014374, 0.992156982422, 0.980391979218, 1],
"ix": 4
},
"o": { "a": 0, "k": 100, "ix": 5 },
"r": 1,
"bm": 0,
"nm": "Fill 1",
"mn": "ADBE Vector Graphic - Fill",
"hd": false
},
{
"ty": "tr",
"p": { "a": 0, "k": [0, 0], "ix": 2 },
"a": { "a": 0, "k": [0, 0], "ix": 1 },
"s": { "a": 0, "k": [300, 300], "ix": 3 },
"r": { "a": 0, "k": 0, "ix": 6 },
"o": { "a": 0, "k": 100, "ix": 7 },
"sk": { "a": 0, "k": 0, "ix": 4 },
"sa": { "a": 0, "k": 0, "ix": 5 },
"nm": "Transform"
}
],
"nm": "bp",
"np": 4,
"cix": 2,
"bm": 0,
"ix": 1,
"mn": "ADBE Vector Group",
"hd": false
}
],
"ip": 0,
"op": 75,
"st": 0,
"bm": 0
}
],
"markers": []
}
I tried this animation with Lottie-Android and it doesn't work either. This Flutter port supports the same set of features than Lottie-Android.
This warning is displayed: Lottie doesn't support 3D layers.
I think only the web implementation supports them.
https://lottiefiles.com/21303-pineapple also doesn't display properly. It only displays a white object with animations remained intact. The colors are lost for some reason. No errors in the log.
