Regression: Font properties aren't applied when changed

When font properties such as fontSize are changed, the new value is not applied to the image. Note that if another non-font property is changed, such as fill the new font properties are applied.

This effects version 6.3 and newer, but worked correctly in 6.2.2. Therefore, running this example on snack shows the expected behavior, since expo still uses 6.2.2:

// @flow

import React, { PureComponent } from "react";
import { View, Button } from "react-native";
import Svg, { Text } from "react-native-svg";

export default class extends PureComponent<
  {},
  { fontSize: number, fill: string }
> {
  state = {
    fontSize: 20,
    fill: "red"
  };

  _toggleFontSize = () => {
    this.setState(({ fontSize }) => ({
      fontSize: fontSize === 20 ? 40 : 20
    }));
  };

  _toggleFontSizeAndFill = () => {
    this.setState(({ fontSize, fill }) => ({
      fontSize: fontSize === 20 ? 40 : 20,
      fill: fill === "red" ? "blue" : "red"
    }));
  };

  render() {
    return (
      <View>
        <Svg
          style={{ backgroundColor: "rgb(230, 230, 230)" }}
          width={400}
          height={200}
        >
          <Text
            x={0}
            y={100}
            fill={this.state.fill}
            fontSize={this.state.fontSize}
          >
            Some example text
          </Text>
        </Svg>

        <View>
          <Button onPress={this._toggleFontSize} title="Toggle Font Size" />
          <Button
            onPress={this._toggleFontSizeAndFill}
            title="Toggle Font Size & Fill"
          />
        </View>
      </View>
    );
  }
}

[msand]

It’s part of this PR https://github.com/react-native-community/react-native-svg/pull/757 It’s in my fork in the NativeAnimationExperiment branch. As I haven’t merged the PR it’s not visible in any branch of this repo yet. Good to know it works! 👍

[msand]

I’ve release the fixes, latest version now is v7.0.1 This can probably closed now.