Skip to content

Releases: Shopify/react-native-skia

Release 0.1.118 alpha

08 Apr 15:12
4867da7
Compare
Choose a tag to compare

What's Changed

Full Changelog: v0.1.115-alpha...v0.1.118-alpha

Release 0.1.115 alpha

06 Apr 19:59
a0dc641
Compare
Choose a tag to compare

Release 0.1.113 alpha

06 Apr 19:49
aed2cc0
Compare
Choose a tag to compare

What's Changed

Full Changelog: v0.1.111-alpha...v0.1.113-alpha

Release 0.1.111 alpha

06 Apr 18:42
d7f96e1
Compare
Choose a tag to compare

What's Changed

Full Changelog: v0.1.109-alpha...v0.1.111-alpha

Release 0.1.109 alpha

28 Mar 08:13
81a84fb
Compare
Choose a tag to compare

What's Changed

Full Changelog: v0.1.108-alpha...v0.1.109-alpha

Release 0.1.108 alpha

19 Mar 15:23
55893c1
Compare
Choose a tag to compare

What's Changed

Full Changelog: v0.1.107-alpha...v0.1.108-alpha

Release 0.1.107 alpha

14 Mar 08:49
e8532fb
Compare
Choose a tag to compare

What's Changed

Full Changelog: v0.1.37...v0.1.107-alpha

Release 0.1.106 alpha

11 Mar 12:23
b66cb9d
Compare
Choose a tag to compare

What's Changed

Full Changelog: v0.1.105-alpha...v0.1.106-alpha

Release 0.1.105 alpha

08 Mar 12:01
51b2785
Compare
Choose a tag to compare

What's Changed

Breaking Changes

The animation system has been updated and we are moving away (deprecating) property callback syntax in favour for our new derived value system. This is implemented in C++ and is fast and efficient:

const Component = () => {
  const { width } = useWindowDimensions();
  // Create timing loop
  const progress = useLoop({
    duration: 1000,
    easing: Easing.inOut(Easing.cubic),
  });
  // Animate position of circle
  const position = useDerivedValue(
    (p) => mix(p, 10, width - (Size + Padding)),
    [progress]
  );
  // Animate radius of circle
  const radius = useDerivedValue((p) => 5 + p * 55, [progress]);
  return (
    <Canvas style={styles.canvas}>
      <Fill color="white" />
      <Circle cx={position} cy={20} r={radius} color="#DC4C4C" />
    </Canvas>
  );
};

Consult the Animation section in the documentation for more details!

Full Changelog: v0.1.103-alpha...v0.1.105-alpha

Release 0.1.104 alpha

02 Mar 09:47
1ea28f6
Compare
Choose a tag to compare

What's Changed

Full Changelog: v0.1.103-alpha...v0.1.104-alpha