react-native-skia

High-performance React Native Graphics using Skia

MIT License

Downloads
588.6K
Stars
6.4K
Committers
84

Bot releases are visible (Hide)

react-native-skia - Release 0.1.128 alpha

Published by github-actions[bot] over 2 years ago

What's Changed

Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.127-alpha...v0.1.128-alpha

react-native-skia - Release 0.1.127 alpha

Published by github-actions[bot] over 2 years ago

react-native-skia - Release 0.1.126 alpha

Published by github-actions[bot] over 2 years ago

What's Changed

Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.125-alpha...v0.1.126-alpha

react-native-skia - Release 0.1.125 alpha

Published by github-actions[bot] over 2 years ago

What's Changed

New Contributors

Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.124-alpha...v0.1.125-alpha

react-native-skia - Release 0.1.124 alpha

Published by github-actions[bot] over 2 years ago

What's Changed

Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.123-alpha...v0.1.124-alpha

react-native-skia - Release 0.1.123 alpha

Published by github-actions[bot] over 2 years ago

What's Changed

New Contributors

Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.122-alpha...v0.1.123-alpha

react-native-skia - Release 0.1.122 alpha

Published by github-actions[bot] over 2 years ago

What's Changed

Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.121-alpha...v0.1.122-alpha

react-native-skia - Release 0.1.121 alpha

Published by github-actions[bot] over 2 years ago

What's Changed

New Contributors

Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.120-alpha...v0.1.121-alpha

react-native-skia - Release 0.1.120 alpha

Published by github-actions[bot] over 2 years ago

What's Changed

Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.119-alpha...v0.1.120-alpha

react-native-skia - Release 0.1.119 alpha

Published by github-actions[bot] over 2 years ago

What's Changed

New Contributors

Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.118-alpha...v0.1.119-alpha

Breaking Change

Now complex paint attributes can be set as children of a drawing or a group. For instance the following:

<Paint>
  <LinearGradient />
</Paint>
<Fill />

becomes

<Fill>
  <LinearGradient />
</Fill>

See the documentation for more details.

react-native-skia - Release 0.1.118 alpha

Published by github-actions[bot] over 2 years ago

What's Changed

Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.115-alpha...v0.1.118-alpha

react-native-skia - Release 0.1.115 alpha

Published by github-actions[bot] over 2 years ago

react-native-skia - Release 0.1.113 alpha

Published by github-actions[bot] over 2 years ago

What's Changed

Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.111-alpha...v0.1.113-alpha

react-native-skia - Release 0.1.111 alpha

Published by github-actions[bot] over 2 years ago

What's Changed

Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.109-alpha...v0.1.111-alpha

react-native-skia - Release 0.1.109 alpha

Published by github-actions[bot] over 2 years ago

What's Changed

Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.108-alpha...v0.1.109-alpha

react-native-skia - Release 0.1.108 alpha

Published by github-actions[bot] over 2 years ago

What's Changed

Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.107-alpha...v0.1.108-alpha

react-native-skia - Release 0.1.107 alpha

Published by github-actions[bot] over 2 years ago

What's Changed

Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.37...v0.1.107-alpha

react-native-skia - Release 0.1.106 alpha

Published by github-actions[bot] over 2 years ago

What's Changed

Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.105-alpha...v0.1.106-alpha

react-native-skia - Release 0.1.105 alpha

Published by github-actions[bot] over 2 years ago

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: https://github.com/Shopify/react-native-skia/compare/v0.1.103-alpha...v0.1.105-alpha

react-native-skia - Release 0.1.104 alpha

Published by github-actions[bot] over 2 years ago

What's Changed

Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.103-alpha...v0.1.104-alpha

Package Rankings
Top 1.18% on Npmjs.org
Top 3.96% on Proxy.golang.org
Badges
Extracted from project README
Tests npm version issues
Related Projects