jtara1 / base_converter

React native app that allows user to convert numbers of one base to another base

 ________________________________________________________
/\                                                       \
\_|  _   _      _ _                             _     _  |
  | | | | | ___| | | ___    __      _____  _ __| | __| | |
  | | |_| |/ _ \ | |/ _ \   \ \ /\ / / _ \| '__| |/ _` | |
  | |  _  |  __/ | | (_) |   \ V  V / (_) | |  | | (_| | |
  | |_| |_|\___|_|_|\___( )   \_/\_/ \___/|_|  |_|\__,_| |
  |                     |/                               |
  |   ___________________________________________________|_
   \_/_____________________________________________________/

base_converter's Issues

Entering 3 alpha characters in range [A, F] in hex input field causes the first 2 to be repeated

I'd imagine something is screwing up in my my regex pattern matching and replacing or in the filterInput method.

example:
click input field for hex number and
press the keys:
A d f
then the text in the field will be ADADF

All values refer to the instance of NumberInputView where this.props.numberBase === 16

Possible Problems:

• I'm not getting the reference to the object that's being creating here my method of using a global variable JS object as a dict to hold integer keys that point to the reference of the instance defined as this in inputViews[this.props.numberBase] = this; is working as intended

        <NumberInputView
          label={"bin"}
          numberBase={2}
        />

• this might be a logic error in my use of adding function to onChangeText event within TextInput component. no, infinite recursion is not occurring here

Possible Solutions:

1. figure out this.refs, an attribute inherited from Component
2. figure out how to pass by reference in JS

I shouldn't need to explicitly define the property, label, in NumberInputView

It should be implied by the numberBase property value.

Later, I can do "Base " + this.props.numberBase for KeyError / undefined access attempts to labels object.

    let labels = {
      2: "Bin",
      8: "Oct",
      10: "Dec",
      16: "Hex",
    };    
    props["label"] = labels[props.numberBase];

So I want to be able to removed the label prop

        <NumberInputView
          label={"Bin"}
          numberBase={2}
        />

current attempts seem to make props["label"] === ""