J'ai un fichier d'animation Lottie et quand je le mets dans une vue, il devient trop petit à cause du remplissage interne du fichier. J'ai donc utilisé l'attribut lottie_scale en xml, et aussi LottieComposition comme mentionné dans certaines ressources comme ceci mais aucun ne l'était réussi.
Y a-t-il une solution?
3 Réponses :
J'ai eu le même problème et je n'ai pas trouvé de bonne réponse, mais pour le faire fonctionner, j'ai utilisé des marges négatives. C'est moche, mais cela pourrait être une solution rapide.
<LottieView style={styles.checkAnimation} source={require('<path to json>')} autoPlay loop={false} speed={2} autoSize resizeMode="cover" /> const styles = { checkAnimation: { position: 'absolute', width: '150%', height: '115%', marginLeft: '-17%', marginTop: '-7%', }, }
L'OP utilise le développement natif d'Android, pas React Native.
J'ai récemment eu le même problème et j'ai eu recours à un remplissage négatif qui augmentait la taille de l'élément animé à l'intérieur de la vue
<com.airbnb.lottie.LottieAnimationView android:id="@+id/my_animation" android:layout_width="100dp" android:layout_height="100dp" android:padding="-10dp" app:lottie_fileName="animation.json" app:lottie_autoPlay="false"/>
Augmentez ou diminuez la valeur du remplissage pour obtenir le souhait taille de l'animation.
Je pense qu'il existe actuellement deux solutions "semi":
XML:
view.setScaleX(5f); view.setScaleY(5f);
Programmatiquement:
android:scaleX="5" android:scaleY="5"
Je passe beaucoup de temps à chercher une telle chose, tout ce que j'ai eu c'est d'obtenir une autre animation ou d'en créer une vous-même.