Victory-native: Y axis ticks are truncated

[fsto]

When my y axis tick texts are longer than around 5 characters, characters are being cut off. Expected behaviour is that the chart would shrink and fit the entire y axis tick texts.

Reproduction

export class LineChart extends React.Component {
  getYAxisTranslation(value) {
    let translation = { 1: "None", 3: "Average", 5: "A lot" }
    if (!translation) {
      return value
    }
    return translation[value] || ""
  }

  render() {
    return (
      <VictoryChart minDomain={{ y: 1 }} domainPadding={{ y: 5 }}>
        <VictoryAxis
          dependentAxis
          tickValues={[1, 3, 5]}
          tickFormat={t => this.getYAxisTranslation(t)}
        />
        <VictoryAxis tickValues={[]} tickFormat={t => ""} />
        <VictoryLine
          interpolation="natural"
          data={[
            { x: 0, y: 2 },
            { x: 1, y: 2 },
            { x: 2, y: 3 },
            { x: 3, y: 2 },
            { x: 4, y: 4 },
            { x: 5, y: 5 }
          ]}
        />
      </VictoryChart>
    )
  }
}

Using:
´"victory-native": "^30.1.0"´
´"react-native": "https://github.com/expo/react-native/archive/sdk-29.0.0.tar.gz"´

See how the word "average" is truncated below

[boygirl]

@fsto neither victory or victory-native using a constraint based layout system, so you will need to manually create space for your labels. You can do so by altering the padding prop on VictoryChart. The default value is padding={50} but you can set this to any positive number you like or to an object with values for "top", "bottom", "left" and "right".