app-studio 0.4.7 → 0.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -3
- package/dist/app-studio.cjs.development.js +526 -362
- package/dist/app-studio.cjs.development.js.map +1 -1
- package/dist/app-studio.cjs.production.min.js +1 -1
- package/dist/app-studio.esm.js +527 -364
- package/dist/app-studio.esm.js.map +1 -1
- package/dist/app-studio.umd.development.js +526 -362
- package/dist/app-studio.umd.development.js.map +1 -1
- package/dist/app-studio.umd.production.min.js +1 -1
- package/dist/components/Animation.d.ts +258 -79
- package/dist/components/Typewriter.d.ts +14 -0
- package/dist/index.d.ts +1 -0
- package/dist/utils/constants.d.ts +2 -1
- package/dist/utils/cssClass.d.ts +25 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -353,7 +353,7 @@ You can customize animations by passing parameters to the animation functions:
|
|
|
353
353
|
|
|
354
354
|
```jsx
|
|
355
355
|
<View
|
|
356
|
-
animate={Animation.fadeIn('2s', 'ease-in-out')}
|
|
356
|
+
animate={Animation.fadeIn({duration:'2s', timingFunction:'ease-in-out'})}
|
|
357
357
|
backgroundColor="theme.primary"
|
|
358
358
|
padding={20}
|
|
359
359
|
>
|
|
@@ -441,7 +441,7 @@ function Example() {
|
|
|
441
441
|
<ResponsiveProvider>
|
|
442
442
|
<ThemeProvider theme={theme} colors={colors}>
|
|
443
443
|
<Span
|
|
444
|
-
animate={Animation.fadeIn('1s',
|
|
444
|
+
animate={Animation.fadeIn({duration: '1s',timingFunction:'ease-out'})}
|
|
445
445
|
backgroundColor="color.blue"
|
|
446
446
|
padding={10}
|
|
447
447
|
media={{
|
|
@@ -462,7 +462,7 @@ function Example() {
|
|
|
462
462
|
Hover to change color
|
|
463
463
|
</View>
|
|
464
464
|
<Button
|
|
465
|
-
animate={Animation.pulse('infinite')}
|
|
465
|
+
animate={Animation.pulse({timingFunction:'infinite'})}
|
|
466
466
|
backgroundColor="theme.button.background"
|
|
467
467
|
>
|
|
468
468
|
Click here
|