class NumberInput extends Component {
  constructor(props) {
    super(props)
    bind(this)

    this.state = { text: "" }
  }

  onChange(text) {
    if (!text.match(/[^\d\.-]/) && text.match(/^-?\d*\.?\d*$/)) {
      this.setState({text})
    }
  }

  render() {
    return (
      <TextInput
        placeholder="0"
        keyboardType="numeric"
        onChangeText={this.onChange}
        value={this.state.text}
      />
    )
  }
}