How to use victory-native - 7 common examples

const { container } = styles;
    const { tier, avgTier, nation, type } = this.state;
    const themeColour = TintColour()[500];
    return (
      
        
          
        
      
    )
  };

key={index}
              onPress={() => this.props.getStockChart(quote.symbol, range.range)}
              style={styles.rangesButton}
            >
              
            
          ))}

render() {
    return (

const { history, asset } = this.props;
    const tokenHistory = history[asset];
    return (
      
        {tokenHistory ? (
          
             `${el.d.format('MM/DD')}`)}
            />
             `${t.toFixed(3)}`}
            />

},
  {
    name: "Series 6",
    symbol: {
      type: "circle",
      fill: "orange"
    },
    labels: {
      fill: "blue"
    }
  }
];

const legendStyle = { border: { stroke: "black" } };

const VictoryZoomVoronoiContainer = createContainer("zoom", "voronoi");

export default class Demo extends Component {
  constructor(props) {
    super(props);
    this.state = {
      scrollEnabled: true,
      y: this.getYFunction(),
      style: this.getStyles(),
      transitionData: this.getTransitionData(),
      randomData: this.generateRandomData(),
      staticRandomData: this.generateRandomData(15),
      data: this.getData()
    };
  }

  componentDidMount() {

import React from "react";
import { ScrollView, Text } from "react-native";
import { VictoryChart, VictoryScatter, createContainer } from "victory-native";
import viewStyles from "../styles/view-styles";
import { generateRandomData } from "../data";

const VictoryZoomVoronoiContainer = createContainer("zoom", "voronoi");

export default function CreateContainersView() {
  const [scrollEnabled, setScrollEnabled] = React.useState(true);
  const randomData = React.useRef(generateRandomData());

  return (