From 60267ee71f60bb029c5c64dd62617927dd0b7eaf Mon Sep 17 00:00:00 2001 From: Albert Badenhorst Date: Mon, 8 Mar 2021 09:28:51 +0200 Subject: [PATCH 1/2] Added the ability to start out the a text component TypedOut --- components/typewriter.js | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/components/typewriter.js b/components/typewriter.js index 1c290d8..25f8890 100644 --- a/components/typewriter.js +++ b/components/typewriter.js @@ -8,6 +8,7 @@ const MAX_DELAY = 100; export default class TypeWriter extends Component { static propTypes = { + startTyped: PropTypes.bool, children: PropTypes.node.isRequired, delayMap: PropTypes.arrayOf( PropTypes.shape({ @@ -33,6 +34,7 @@ export default class TypeWriter extends Component { }; static defaultProps = { + startTyped: false, fixed: false, initialDelay: MAX_DELAY * 2, maxDelay: MAX_DELAY, @@ -150,6 +152,7 @@ export default class TypeWriter extends Component { render() { const { + startTyped, children, delayMap, fixed, @@ -168,6 +171,10 @@ export default class TypeWriter extends Component { ); + if(startTyped){ + return component + } + return hideSubstring(component, fixed, visibleChars); } } From e611b4d4a30cbc44476718136535a948dc892a9b Mon Sep 17 00:00:00 2001 From: Albert Badenhorst Date: Mon, 8 Mar 2021 09:58:42 +0200 Subject: [PATCH 2/2] Updated readme and changed version number to 0.8.0 --- README.md | 6 ++++++ package.json | 2 +- 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 6465de9..fe094f5 100644 --- a/README.md +++ b/README.md @@ -42,6 +42,12 @@ type: `Number` default: `0` A value of 1 types text left to right until completion. A value of -1 erases text from right to left. A value of 0 stops the animation. +### startTyped + +type: `Boolean` default: `false` + +A true value will make the value typed out when the component renders, this is useful when one wants to show a static value and change to a different value making the latter being typed out. + ### fixed type: `Boolean` default: `false` diff --git a/package.json b/package.json index 87796df..cc29b24 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "react-native-typewriter", - "version": "0.7.0", + "version": "0.8.0", "description": "A React Native component for creating typing effects", "main": "index.js", "license": "MIT",