High-performance React Native Graphics using Skia
MIT License
Bot releases are visible (Hide)
Published by github-actions[bot] over 2 years ago
Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.127-alpha...v0.1.128-alpha
Published by github-actions[bot] over 2 years ago
Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.126-alpha...v0.1.127-alpha
Published by github-actions[bot] over 2 years ago
Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.125-alpha...v0.1.126-alpha
Published by github-actions[bot] over 2 years ago
Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.124-alpha...v0.1.125-alpha
Published by github-actions[bot] over 2 years ago
Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.123-alpha...v0.1.124-alpha
Published by github-actions[bot] over 2 years ago
Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.122-alpha...v0.1.123-alpha
Published by github-actions[bot] over 2 years ago
Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.121-alpha...v0.1.122-alpha
Published by github-actions[bot] over 2 years ago
Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.120-alpha...v0.1.121-alpha
Published by github-actions[bot] over 2 years ago
Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.119-alpha...v0.1.120-alpha
Published by github-actions[bot] over 2 years ago
Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.118-alpha...v0.1.119-alpha
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.
Published by github-actions[bot] over 2 years ago
Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.115-alpha...v0.1.118-alpha
Published by github-actions[bot] over 2 years ago
Published by github-actions[bot] over 2 years ago
Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.111-alpha...v0.1.113-alpha
Published by github-actions[bot] over 2 years ago
Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.109-alpha...v0.1.111-alpha
Published by github-actions[bot] over 2 years ago
Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.108-alpha...v0.1.109-alpha
Published by github-actions[bot] over 2 years ago
Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.107-alpha...v0.1.108-alpha
Published by github-actions[bot] over 2 years ago
Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.37...v0.1.107-alpha
Published by github-actions[bot] over 2 years ago
Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.105-alpha...v0.1.106-alpha
Published by github-actions[bot] over 2 years ago
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
Published by github-actions[bot] over 2 years ago
Full Changelog: https://github.com/Shopify/react-native-skia/compare/v0.1.103-alpha...v0.1.104-alpha